/* /Components/Account/Pages/CambiarClaveConfirmacion.razor.rz.scp.css */
.regla-clave-seguridad[b-kq79p89141] {
    margin: 4px 0 14px;
    padding: 9px 11px;
    border: 1px solid rgba(var(--color-primario-rgb), 0.22);
    border-radius: 8px;
    background: var(--color-primario-superficie);
    color: var(--color-texto);
    font-size: 0.88rem;
}

.nota-uso-clave[b-kq79p89141] {
    margin: 10px 2px 0;
    color: var(--color-texto-secundario);
    font-size: 0.88rem;
    text-align: center;
}

@media (max-width: 700px) {
    .pagina-clave[b-kq79p89141] {
        padding: 12px 10px !important;
    }

    .pagina-clave h1[b-kq79p89141] {
        margin-bottom: 4px;
        font-size: 1.55rem;
    }

    .pagina-clave > .row[b-kq79p89141]  .text-secondary {
        margin-bottom: 10px;
        line-height: 1.35;
    }

    .pagina-clave[b-kq79p89141]  .form-floating.mb-3 {
        margin-bottom: 8px !important;
    }

    .pagina-clave[b-kq79p89141]  .form-floating > .form-control {
        height: 52px;
        min-height: 52px;
    }

    .regla-clave-seguridad[b-kq79p89141] {
        margin: 7px 0 8px;
        padding: 8px 10px;
    }

    .nota-uso-clave[b-kq79p89141] {
        margin-top: 7px;
    }

    .pagina-clave[b-kq79p89141]  form.mt-3 {
        margin-top: 8px !important;
    }

    .pagina-clave[b-kq79p89141]  .btn {
        min-height: 44px;
    }
}
/* /Components/Account/Pages/CambiarClaveTemporal.razor.rz.scp.css */
.campo-clave-temporal[b-r9uscxm7pq]  .form-control {
    border-color: rgba(var(--color-primario-rgb), 0.28);
    background: var(--color-primario-superficie);
}

.ayuda-clave-temporal[b-r9uscxm7pq] {
    margin: 5px 2px 12px;
    color: var(--color-texto-secundario);
    font-size: 0.86rem;
}

.indicacion-nueva-clave[b-r9uscxm7pq] {
    display: grid;
    margin: 12px 0;
    padding: 10px 12px;
    border-left: 3px solid var(--color-primario);
    border-radius: 8px;
    gap: 2px;
    background: var(--color-superficie-suave);
    color: var(--color-texto-secundario);
    font-size: 0.9rem;
}

.indicacion-nueva-clave strong[b-r9uscxm7pq] {
    color: var(--color-texto);
}

.regla-clave-acceso[b-r9uscxm7pq] {
    margin: 4px 0 14px;
    padding: 9px 11px;
    border: 1px solid rgba(var(--color-primario-rgb), 0.22);
    border-radius: 8px;
    background: var(--color-primario-superficie);
    color: var(--color-texto);
    font-size: 0.88rem;
}

@media (max-width: 700px) {
    .pagina-clave[b-r9uscxm7pq] {
        padding: 12px 10px !important;
    }

    .pagina-clave h1[b-r9uscxm7pq] {
        margin-bottom: 4px;
        font-size: 1.55rem;
    }

    .pagina-clave > .row[b-r9uscxm7pq]  .text-secondary {
        margin-bottom: 10px;
        line-height: 1.35;
    }

    .pagina-clave[b-r9uscxm7pq]  .form-floating.mb-3 {
        margin-bottom: 8px !important;
    }

    .pagina-clave[b-r9uscxm7pq]  .form-floating > .form-control {
        height: 52px;
        min-height: 52px;
    }

    .ayuda-clave-temporal[b-r9uscxm7pq],
    .indicacion-nueva-clave[b-r9uscxm7pq],
    .regla-clave-acceso[b-r9uscxm7pq] {
        margin-top: 7px;
        margin-bottom: 8px;
    }

    .indicacion-nueva-clave[b-r9uscxm7pq],
    .regla-clave-acceso[b-r9uscxm7pq] {
        padding: 8px 10px;
    }

    .pagina-clave[b-r9uscxm7pq]  form.mt-3 {
        margin-top: 8px !important;
    }

    .pagina-clave[b-r9uscxm7pq]  .btn {
        min-height: 44px;
    }
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.pagina-login[b-yf0hutvm8l] {
    min-height: 100dvh;
    background: var(--color-fondo);
}

.login-contenido[b-yf0hutvm8l] {
    display: flex;
    width: 100%;
    padding: 26px 20px;
    justify-content: center;
}

.login-tarjeta[b-yf0hutvm8l] {
    width: min(100%, 620px);
    padding: 26px 32px 24px;
    border: 1px solid var(--color-borde);
    border-top: 5px solid var(--color-primario);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-tarjeta);
}

.login-encabezado[b-yf0hutvm8l] {
    margin-bottom: 18px;
    text-align: center;
}

.login-encabezado > span[b-yf0hutvm8l] {
    display: block;
    margin-bottom: 6px;
    color: var(--color-primario);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.16em;
}

.login-encabezado h1[b-yf0hutvm8l] {
    margin: 0;
    color: var(--color-texto);
    font-size: clamp(1.8rem, 4.2vw, 2.25rem);
    line-height: 1.08;
}

.login-encabezado p[b-yf0hutvm8l] {
    margin: 7px 0 0;
    color: var(--color-texto-secundario);
    font-size: 0.96rem;
}

.login-formulario[b-yf0hutvm8l] {
    display: grid;
    width: 100%;
    gap: 14px;
}

.campo-login[b-yf0hutvm8l] {
    width: 100%;
}

.campo-login label[b-yf0hutvm8l] {
    display: block;
    margin-bottom: 5px;
    color: var(--color-texto);
    font-weight: 750;
}

.campo-login[b-yf0hutvm8l]  .control-login {
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 10px 14px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    outline: none;
    background: var(--color-superficie);
    color: var(--color-texto);
}

.campo-login[b-yf0hutvm8l]  .control-login:focus {
    border-color: var(--color-primario);
    box-shadow: var(--foco-control);
}

.recordar-login[b-yf0hutvm8l] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 8px;
    color: var(--color-texto-secundario);
    cursor: pointer;
}

.recordar-login[b-yf0hutvm8l]  input {
    width: 18px;
    height: 18px;
    accent-color: var(--color-primario);
}

.boton-ingresar[b-yf0hutvm8l] {
    display: inline-flex;
    width: 100%;
    min-height: 50px;
    padding: 10px 22px;
    border: 0;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font-weight: 800;
    cursor: pointer;
}

.boton-ingresar:hover[b-yf0hutvm8l] {
    background: var(--color-accion-hover);
}

.login-contacto[b-yf0hutvm8l] {
    margin-top: 4px;
    padding-top: 15px;
    border-top: 1px solid var(--color-borde);
    color: var(--color-texto-secundario);
    text-align: center;
}

.login-contacto p[b-yf0hutvm8l] {
    margin: 0 0 5px;
}

.login-contacto a[b-yf0hutvm8l] {
    color: var(--color-primario-hover);
    font-weight: 750;
}

.login-formulario[b-yf0hutvm8l]  .mensaje-validacion {
    margin: 0;
    color: var(--color-error);
    font-size: 0.86rem;
}

@media (max-width: 700px) {
    .login-contenido[b-yf0hutvm8l] {
        padding: 10px;
    }

    .login-tarjeta[b-yf0hutvm8l] {
        padding: 15px 14px 14px;
        border-radius: 14px;
    }

    .login-encabezado[b-yf0hutvm8l] {
        margin-bottom: 11px;
    }

    .login-encabezado > span[b-yf0hutvm8l] {
        margin-bottom: 3px;
    }

    .login-encabezado p[b-yf0hutvm8l] {
        margin-top: 4px;
    }

    .login-formulario[b-yf0hutvm8l] {
        gap: 10px;
    }

    .campo-login[b-yf0hutvm8l]  .control-login,
    .boton-ingresar[b-yf0hutvm8l] {
        min-height: 48px;
    }

    .login-contacto[b-yf0hutvm8l] {
        padding-top: 10px;
    }
}

@media (max-width: 420px) {
    .login-contenido[b-yf0hutvm8l] {
        padding: 6px;
    }

    .login-tarjeta[b-yf0hutvm8l] {
        padding: 11px 10px 10px;
        border-top-width: 3px;
        border-radius: 11px;
    }

    .login-encabezado[b-yf0hutvm8l] {
        margin-bottom: 8px;
    }

    .login-encabezado > span[b-yf0hutvm8l] {
        margin-bottom: 2px;
        font-size: .68rem;
        letter-spacing: .1em;
    }

    .login-encabezado h1[b-yf0hutvm8l] {
        font-size: 1.35rem;
        line-height: 1.05;
    }

    .login-encabezado p[b-yf0hutvm8l] {
        font-size: .84rem;
        line-height: 1.25;
    }

    .login-formulario[b-yf0hutvm8l] {
        gap: 8px;
    }

    .campo-login label[b-yf0hutvm8l] {
        margin-bottom: 3px;
        font-size: .86rem;
    }

    .campo-login[b-yf0hutvm8l]  .control-login {
        min-height: 42px;
        padding: 7px 10px;
        border-radius: 9px;
        font-size: .9rem;
    }

    .recordar-login[b-yf0hutvm8l] {
        gap: 6px;
        font-size: .84rem;
        line-height: 1.2;
    }

    .recordar-login[b-yf0hutvm8l]  input {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
    }

    .boton-ingresar[b-yf0hutvm8l] {
        min-height: 42px;
        padding: 7px 14px;
        border-radius: 9px;
        font-size: .9rem;
    }

    .login-contacto[b-yf0hutvm8l] {
        margin-top: 1px;
        padding-top: 8px;
        font-size: .78rem;
        line-height: 1.3;
    }
}

@media (max-height: 720px) and (min-width: 701px) {
    .login-contenido[b-yf0hutvm8l] {
        padding-block: 16px;
    }

    .login-tarjeta[b-yf0hutvm8l] {
        padding-block: 20px;
    }
}
/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.estado-cuenta[b-8dbxtrf20n],
.resumen-cuenta[b-8dbxtrf20n],
.aviso-vinculacion[b-8dbxtrf20n] {
    width: 100%;
}

.estado-cuenta[b-8dbxtrf20n],
.aviso-vinculacion[b-8dbxtrf20n] {
    padding: 18px 20px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-tarjeta);
    background: var(--color-superficie);
    color: var(--color-texto-secundario);
}

.aviso-vinculacion[b-8dbxtrf20n] {
    border-color: var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error);
    font-weight: 650;
}

.resumen-cuenta[b-8dbxtrf20n] {
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-tarjeta);
    background: var(--color-superficie);
    box-shadow: var(--sombra-tarjeta);
}

.resumen-encabezado[b-8dbxtrf20n] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 18px;
    border-bottom: 3px solid var(--color-primario);
    background: var(--color-oscuro);
    color: var(--color-blanco);
}

.avatar-cuenta[b-8dbxtrf20n] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-accion);
    color: var(--color-blanco);
    font-size: 1.05rem;
    font-weight: 800;
}

.resumen-etiqueta[b-8dbxtrf20n] {
    display: block;
    margin-bottom: 3px;
    color: var(--color-primario);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.15em;
}

.resumen-encabezado .resumen-etiqueta[b-8dbxtrf20n] {
    color: var(--color-primario-suave);
}

.resumen-encabezado h2[b-8dbxtrf20n],
.edicion-introduccion h3[b-8dbxtrf20n] {
    margin: 0;
    line-height: 1.2;
}

.resumen-encabezado h2[b-8dbxtrf20n] {
    color: var(--color-blanco);
    font-size: clamp(1.25rem, 2.5vw, 1.7rem);
}

.resumen-encabezado p[b-8dbxtrf20n],
.edicion-introduccion p[b-8dbxtrf20n] {
    margin: 4px 0 0;
    line-height: 1.45;
}

.resumen-encabezado p[b-8dbxtrf20n] {
    color: rgba(var(--color-blanco-rgb), 0.78);
    font-size: 0.88rem;
}

.datos-cuenta[b-8dbxtrf20n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 14px 16px;
}

.dato-cuenta[b-8dbxtrf20n] {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--color-borde);
    border-radius: 11px;
    background: var(--color-fondo);
}

.dato-amplio[b-8dbxtrf20n] {
    grid-column: 1 / -1;
}

.dato-cuenta span[b-8dbxtrf20n],
.dato-cuenta strong[b-8dbxtrf20n] {
    display: block;
}

.dato-cuenta span[b-8dbxtrf20n] {
    margin-bottom: 4px;
    color: var(--color-texto-secundario);
    font-size: 0.75rem;
    font-weight: 750;
    text-transform: uppercase;
}

.dato-cuenta strong[b-8dbxtrf20n] {
    overflow-wrap: anywhere;
    color: var(--color-texto);
    font-size: 0.98rem;
}

.edicion-perfil[b-8dbxtrf20n] {
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(280px, 1.3fr);
    gap: 14px;
    margin: 0 16px 14px;
    padding: 14px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-primario-superficie);
}

.edicion-introduccion h3[b-8dbxtrf20n] {
    color: var(--color-texto);
    font-size: 1.1rem;
}

.edicion-introduccion p[b-8dbxtrf20n] {
    color: var(--color-texto-secundario);
    font-size: 0.85rem;
}

.formulario-nombre-corto[b-8dbxtrf20n] {
    display: flex;
    align-items: end;
    gap: 10px;
}

.campo-perfil[b-8dbxtrf20n] {
    min-width: 0;
    flex: 1 1 auto;
}

.campo-perfil label[b-8dbxtrf20n] {
    display: block;
    margin-bottom: 6px;
    color: var(--color-texto);
    font-size: 0.84rem;
    font-weight: 750;
}

.control-perfil[b-8dbxtrf20n] {
    width: 100%;
    min-height: 40px;
    padding: 7px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
}

.control-perfil:focus[b-8dbxtrf20n] {
    border-color: var(--color-primario);
    outline: 3px solid var(--color-primario-superficie);
}

.mensaje-validacion[b-8dbxtrf20n] {
    display: block;
    margin-top: 5px;
    color: var(--color-error);
    font-size: 0.8rem;
    font-weight: 650;
}

.boton-guardar[b-8dbxtrf20n] {
    min-height: 40px;
    padding: 7px 14px;
    border: 0;
    border-radius: 9px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

.boton-guardar:hover[b-8dbxtrf20n] {
    background: var(--color-accion-hover);
}

.nota-cuenta[b-8dbxtrf20n] {
    padding: 10px 16px 12px;
    border-top: 1px solid var(--color-borde);
    color: var(--color-texto-secundario);
    font-size: 0.83rem;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .edicion-perfil[b-8dbxtrf20n] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .resumen-encabezado[b-8dbxtrf20n] {
        gap: 8px;
        padding: 8px 10px;
        border-bottom-width: 2px;
    }

    .avatar-cuenta[b-8dbxtrf20n] {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: .92rem;
    }

    .resumen-encabezado .resumen-etiqueta[b-8dbxtrf20n],
    .resumen-encabezado p[b-8dbxtrf20n] {
        display: none;
    }

    .resumen-encabezado h2[b-8dbxtrf20n] {
        font-size: 1.12rem;
        line-height: 1.05;
    }

    .datos-cuenta[b-8dbxtrf20n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        padding: 6px;
    }

    .dato-amplio[b-8dbxtrf20n],
    .dato-amplio-movil[b-8dbxtrf20n] {
        grid-column: 1 / -1;
    }

    .dato-cuenta[b-8dbxtrf20n] {
        padding: 6px 7px;
        border-radius: 8px;
    }

    .dato-cuenta span[b-8dbxtrf20n] {
        margin-bottom: 2px;
        font-size: .7rem;
    }

    .dato-cuenta strong[b-8dbxtrf20n] {
        font-size: .86rem;
        line-height: 1.25;
    }

    .edicion-perfil[b-8dbxtrf20n] {
        gap: 7px;
        margin: 0 6px 6px;
        padding: 7px;
        border-radius: 9px;
    }

    .edicion-introduccion .resumen-etiqueta[b-8dbxtrf20n],
    .edicion-introduccion p[b-8dbxtrf20n] {
        display: none;
    }

    .edicion-introduccion h3[b-8dbxtrf20n] {
        font-size: .95rem;
    }

    .formulario-nombre-corto[b-8dbxtrf20n] {
        align-items: stretch;
        flex-direction: column;
    }

    .control-perfil[b-8dbxtrf20n],
    .boton-guardar[b-8dbxtrf20n] {
        min-height: 40px;
    }

    .nota-cuenta[b-8dbxtrf20n] {
        padding: 6px 9px;
        font-size: .75rem;
    }
}
/* /Components/Account/Shared/AvisoSuplantacionUsuario.razor.rz.scp.css */
.aviso-suplantacion[b-zit84k52wx] {
    align-items: center;
    background: #fff2cc;
    border-bottom: 2px solid #b36b00;
    color: #4b2800;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .7rem clamp(1rem, 3vw, 2.5rem);
    position: sticky;
    top: 0;
    z-index: 1100;
}

.aviso-suplantacion div[b-zit84k52wx] {
    display: grid;
    gap: .1rem;
}

.aviso-suplantacion strong[b-zit84k52wx] {
    font-size: .8rem;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.aviso-suplantacion span[b-zit84k52wx] {
    font-size: .92rem;
}

.aviso-suplantacion form[b-zit84k52wx] {
    margin: 0;
}

.aviso-suplantacion button[b-zit84k52wx] {
    background: #4b2800;
    border: 1px solid #4b2800;
    border-radius: .55rem;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    padding: .55rem .9rem;
    white-space: nowrap;
}

.aviso-suplantacion button:hover[b-zit84k52wx] {
    background: #6b3900;
}

@media (max-width: 700px) {
    .aviso-suplantacion[b-zit84k52wx] {
        align-items: stretch;
        flex-direction: column;
    }

    .aviso-suplantacion button[b-zit84k52wx] {
        width: 100%;
    }
}
/* /Components/Account/Shared/EstadoAcceso.razor.rz.scp.css */
.pagina-estado-acceso[b-o0cdlz8n17] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% 18%, rgba(25, 91, 154, 0.08), transparent 32%),
        var(--color-fondo);
}

.estado-acceso-contenido[b-o0cdlz8n17] {
    display: flex;
    width: 100%;
    padding: 50px 20px;
    justify-content: center;
}

.estado-acceso-tarjeta[b-o0cdlz8n17] {
    width: min(100%, 650px);
    padding: 38px 40px 32px;
    border: 1px solid var(--color-borde);
    border-top: 5px solid var(--color-error);
    border-radius: 20px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
    text-align: center;
}

.estado-acceso-encabezado > span[b-o0cdlz8n17] {
    display: block;
    margin-bottom: 12px;
    color: var(--color-texto-secundario);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.estado-acceso-icono[b-o0cdlz8n17] {
    display: grid;
    width: 52px;
    height: 52px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: var(--color-error-superficie);
    color: var(--color-error);
    font-size: 1.8rem;
    font-weight: 700;
    place-items: center;
}

.estado-acceso-encabezado h1[b-o0cdlz8n17] {
    margin: 0;
    color: var(--color-texto);
    font-size: clamp(1.8rem, 4vw, 2.35rem);
    line-height: 1.15;
}

.estado-acceso-encabezado p[b-o0cdlz8n17] {
    max-width: 520px;
    margin: 16px auto 0;
    color: var(--color-texto-secundario);
    line-height: 1.6;
}

.estado-acceso-encabezado h1:focus[b-o0cdlz8n17] {
    outline: none;
}

.estado-acceso-accion[b-o0cdlz8n17] {
    display: inline-flex;
    min-height: 44px;
    margin-top: 28px;
    padding: 10px 22px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--color-accion);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.estado-acceso-accion:hover[b-o0cdlz8n17] {
    background: var(--color-accion-hover);
    color: #fff;
    transform: translateY(-1px);
}

.estado-acceso-accion:focus-visible[b-o0cdlz8n17] {
    outline: 3px solid color-mix(in srgb, var(--color-primario) 35%, transparent);
    outline-offset: 3px;
}

@media (max-width: 700px) {
    .estado-acceso-contenido[b-o0cdlz8n17] {
        padding: 14px 10px;
    }

    .estado-acceso-tarjeta[b-o0cdlz8n17] {
        padding: 20px 14px 18px;
        border-radius: 16px;
    }

    .estado-acceso-icono[b-o0cdlz8n17] {
        width: 44px;
        height: 44px;
        margin-bottom: 12px;
    }

    .estado-acceso-encabezado p[b-o0cdlz8n17] {
        margin-top: 10px;
        line-height: 1.45;
    }

    .estado-acceso-accion[b-o0cdlz8n17] {
        margin-top: 16px;
    }
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.administracion-cuenta[b-yttxamtuuo] {
    display: grid;
    grid-template-columns: minmax(205px, 230px) minmax(0, 1fr);
    align-items: start;
    gap: 16px;
}

.menu-cuenta[b-yttxamtuuo],
.contenido-cuenta[b-yttxamtuuo] {
    min-width: 0;
}

@media (max-width: 800px) {
    .administracion-cuenta[b-yttxamtuuo] {
        grid-template-columns: 1fr;
        gap: 5px;
    }
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.navegacion-cuenta[b-0ogxu8gq19] {
    padding: 14px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.navegacion-etiqueta[b-0ogxu8gq19] {
    display: block;
    margin: 0 2px 2px;
    color: var(--color-primario);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.15em;
}

.navegacion-ayuda[b-0ogxu8gq19] {
    display: block;
    margin: 0 2px 8px;
    color: var(--color-texto-secundario);
    font-size: .75rem;
}

.navegacion-cuenta[b-0ogxu8gq19]  .enlace-cuenta {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    min-height: 40px;
    margin-top: 3px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--color-texto);
    font-weight: 700;
    text-decoration: none;
}

.navegacion-cuenta[b-0ogxu8gq19]  .enlace-cuenta svg {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    color: var(--color-primario);
}

.navegacion-cuenta[b-0ogxu8gq19]  .enlace-cuenta span {
    white-space: nowrap;
}

.navegacion-cuenta[b-0ogxu8gq19]  .enlace-cuenta:hover,
.navegacion-cuenta[b-0ogxu8gq19]  .enlace-cuenta.active {
    background: var(--color-primario-superficie);
    color: var(--color-primario-hover);
}

.navegacion-cuenta[b-0ogxu8gq19]  .enlace-cuenta.active {
    border-color: rgba(var(--color-primario-rgb), .28);
    box-shadow: inset 3px 0 0 var(--color-primario);
}

.navegacion-cuenta p[b-0ogxu8gq19] {
    margin: 10px 2px 0;
    color: var(--color-texto-secundario);
    font-size: 0.76rem;
    line-height: 1.35;
}

@media (max-width: 800px) {
    .navegacion-cuenta[b-0ogxu8gq19] {
        display: flex;
        flex-wrap: nowrap;
        gap: 4px;
        padding: 5px 6px;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .navegacion-etiqueta[b-0ogxu8gq19],
    .navegacion-ayuda[b-0ogxu8gq19] {
        display: none;
    }

    .navegacion-cuenta[b-0ogxu8gq19]  .enlace-cuenta {
        width: auto;
        min-height: 34px;
        flex: 0 0 auto;
        gap: 5px;
        margin: 0;
        padding: 5px 8px;
        white-space: nowrap;
    }

    .navegacion-cuenta[b-0ogxu8gq19]  .enlace-cuenta svg {
        width: 17px;
        height: 17px;
        flex-basis: 17px;
    }

    .navegacion-cuenta p[b-0ogxu8gq19] {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-hrguf4j627] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(var(--color-negro-rgb), 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-hrguf4j627] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-flc86mpgzj],
.components-reconnect-repeated-attempt-visible[b-flc86mpgzj],
.components-reconnect-failed-visible[b-flc86mpgzj],
.components-pause-visible[b-flc86mpgzj],
.components-resume-failed-visible[b-flc86mpgzj],
.components-rejoining-animation[b-flc86mpgzj] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show
    .components-reconnect-first-attempt-visible[b-flc86mpgzj],
#components-reconnect-modal.components-reconnect-show
    .components-rejoining-animation[b-flc86mpgzj],
#components-reconnect-modal.components-reconnect-paused
    .components-pause-visible[b-flc86mpgzj],
#components-reconnect-modal.components-reconnect-resume-failed
    .components-resume-failed-visible[b-flc86mpgzj],
#components-reconnect-modal.components-reconnect-retrying[b-flc86mpgzj],
#components-reconnect-modal.components-reconnect-retrying
    .components-reconnect-repeated-attempt-visible[b-flc86mpgzj],
#components-reconnect-modal.components-reconnect-retrying
    .components-rejoining-animation[b-flc86mpgzj],
#components-reconnect-modal.components-reconnect-failed[b-flc86mpgzj],
#components-reconnect-modal.components-reconnect-failed
    .components-reconnect-failed-visible[b-flc86mpgzj] {
    display: block;
}

#components-reconnect-modal[b-flc86mpgzj] {
    background-color: var(--color-superficie);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: var(--sombra-elevada);
    opacity: 0;
    transition:
        display 0.5s allow-discrete,
        overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-flc86mpgzj 0.5s both;
    &[open] {
        animation:
            components-reconnect-modal-slideUp-b-flc86mpgzj 1.5s
                cubic-bezier(0.05, 0.89, 0.25, 1.02) 0.3s,
            components-reconnect-modal-fadeInOpacity-b-flc86mpgzj 0.5s ease-in-out 0.3s;
        animation-fill-mode: both;
    }
}

#components-reconnect-modal[b-flc86mpgzj]::backdrop {
    background-color: var(--fondo-modal);
    animation: components-reconnect-modal-fadeInOpacity-b-flc86mpgzj 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-flc86mpgzj {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-flc86mpgzj {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-flc86mpgzj {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-flc86mpgzj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-flc86mpgzj] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-flc86mpgzj] {
    border: 0;
    background-color: var(--color-accion);
    color: var(--color-blanco);
    padding: 4px 24px;
    border-radius: 4px;
}

#components-reconnect-modal button:hover[b-flc86mpgzj] {
    background-color: var(--color-accion-hover);
}

#components-reconnect-modal button:active[b-flc86mpgzj] {
    background-color: var(--color-primario-activo);
}

.components-rejoining-animation[b-flc86mpgzj] {
    position: relative;
    width: 80px;
    height: 80px;
}

.components-rejoining-animation div[b-flc86mpgzj] {
    position: absolute;
    border: 3px solid var(--color-primario);
    opacity: 1;
    border-radius: 50%;
    animation: components-rejoining-animation-b-flc86mpgzj 1.5s cubic-bezier(0, 0.2, 0.8, 1)
        infinite;
}

.components-rejoining-animation div:nth-child(2)[b-flc86mpgzj] {
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-flc86mpgzj {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AccessDenied.razor.rz.scp.css */
.panel-acceso-restringido[b-nzp04b53gc] {
    display: flex;
    width: min(100%, 760px);
    gap: 18px;
    align-items: flex-start;
    margin: 22px auto 0;
    padding: 24px;
    border: 1px solid var(--color-advertencia-borde);
    border-top: 4px solid var(--color-advertencia);
    border-radius: var(--radio-panel);
    background: var(--color-superficie);
    box-shadow: var(--sombra-tarjeta);
}

.icono-acceso[b-nzp04b53gc] {
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 14px;
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.icono-acceso svg[b-nzp04b53gc] {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.detalle-acceso[b-nzp04b53gc] {
    min-width: 0;
}

.etiqueta-acceso[b-nzp04b53gc] {
    color: var(--color-advertencia-texto);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .1em;
}

.detalle-acceso h2[b-nzp04b53gc] {
    margin: 5px 0 8px;
    color: var(--color-oscuro);
    font-size: clamp(1.2rem, 3vw, 1.55rem);
    line-height: 1.2;
}

.detalle-acceso p[b-nzp04b53gc] {
    max-width: 600px;
    margin: 0;
    color: var(--color-texto-secundario);
    line-height: 1.5;
}

.detalle-acceso .btn[b-nzp04b53gc] {
    margin-top: 18px;
}

@media (max-width: 600px) {
    .panel-acceso-restringido[b-nzp04b53gc] {
        display: grid;
        gap: 12px;
        margin-top: 12px;
        padding: 17px 14px;
    }

    .icono-acceso[b-nzp04b53gc] {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .detalle-acceso .btn[b-nzp04b53gc] {
        width: 100%;
    }
}
/* /Components/Pages/Ayuda/Ayuda.razor.rz.scp.css */
.distribucion-ayuda[b-kxx57vr1n4] {
    display: grid;
    grid-template-columns: minmax(220px, 290px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.contacto-ayuda[b-kxx57vr1n4] {
    padding: 20px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-panel);
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.contacto-ayuda > span[b-kxx57vr1n4] {
    color: var(--color-primario);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.contacto-ayuda h2[b-kxx57vr1n4] {
    margin: 5px 0 15px;
    color: var(--color-oscuro);
    font-size: 1.15rem;
}

.contacto-ayuda a[b-kxx57vr1n4] {
    display: block;
    margin-top: 8px;
    overflow-wrap: anywhere;
    color: var(--color-primario);
    font-size: 0.9rem;
    font-weight: 700;
}

.contacto-ayuda p[b-kxx57vr1n4] {
    margin: 18px 0 0;
    color: var(--color-texto-secundario);
    font-size: 0.8rem;
    line-height: 1.45;
}

.distribucion-ayuda[b-kxx57vr1n4]  .formulario-modulo {
    max-width: none;
}

.confirmacion-ayuda[b-kxx57vr1n4] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--color-exito-borde);
    border-radius: var(--radio-panel);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.confirmacion-ayuda > span[b-kxx57vr1n4] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-exito);
    color: var(--color-blanco);
    font-weight: 900;
}

.confirmacion-ayuda p[b-kxx57vr1n4] {
    margin: 4px 0 0;
    line-height: 1.45;
}

@media (max-width: 800px) {
    .distribucion-ayuda[b-kxx57vr1n4] {
        grid-template-columns: 1fr;
    }

    .contacto-ayuda[b-kxx57vr1n4] {
        padding: 15px;
    }
}
/* /Components/Pages/Combustible/AlertasGestionCombustible.razor.rz.scp.css */
.panel-envio-alertas[b-v85b7aqztj],
.panel-listado-alertas[b-v85b7aqztj],
.estado-alertas[b-v85b7aqztj] {
    border: 1px solid var(--color-borde);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.panel-envio-alertas[b-v85b7aqztj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
    padding: 1rem;
}

.panel-envio-alertas > div[b-v85b7aqztj],
.estado-envio[b-v85b7aqztj] { display: grid; gap: .3rem; }
.filtros-fecha[b-v85b7aqztj] {
    align-items: end;
    display: grid !important;
    gap: .7rem !important;
    grid-template-columns: minmax(230px, 1fr) auto auto auto;
}
.descripcion-periodo[b-v85b7aqztj] { display: grid; gap: .3rem; }
.panel-envio-alertas span[b-v85b7aqztj] { color: var(--color-texto-secundario); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.panel-envio-alertas strong[b-v85b7aqztj] { font-size: 1rem; }
.panel-envio-alertas small[b-v85b7aqztj] { color: var(--color-texto-secundario); }
.estado-envio[b-v85b7aqztj] { justify-items: end; }
.estado-correo[b-v85b7aqztj],
.estado-registro[b-v85b7aqztj] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 800;
    padding: .25rem .55rem;
    white-space: nowrap;
}
.estado-correo.pendiente[b-v85b7aqztj],
.estado-registro.pendiente[b-v85b7aqztj] { background: #f3eee9; color: #735f57; }
.estado-correo.cola[b-v85b7aqztj],
.estado-registro.en-cola[b-v85b7aqztj] { background: #fff0c9; color: #765300; }
.estado-correo.enviado[b-v85b7aqztj],
.estado-registro.enviada[b-v85b7aqztj] { background: #dff4e7; color: #176538; }
.estado-correo.error[b-v85b7aqztj],
.estado-registro.error[b-v85b7aqztj] { background: #fde1e1; color: #991b1b; }
.confirmacion-envio[b-v85b7aqztj] {
    background: #fff8ed;
    border: 1px solid #efc98b;
    border-radius: 10px;
    display: grid;
    gap: .6rem;
    max-width: 410px;
    padding: .7rem;
}
.confirmacion-envio > div[b-v85b7aqztj] { display: flex; gap: .5rem; justify-content: flex-end; }
.destinatarios-envio[b-v85b7aqztj] { font-size: .72rem; }
.destinatarios-envio summary[b-v85b7aqztj] { cursor: pointer; font-weight: 800; }
.destinatarios-envio ul[b-v85b7aqztj] { display: grid; gap: .3rem; margin: .45rem 0 0; padding-left: 1rem; }
.destinatarios-envio li span[b-v85b7aqztj] { color: var(--color-texto-secundario); display: block; }

.panel-listado-alertas[b-v85b7aqztj] { overflow: hidden; }
.panel-listado-alertas > header[b-v85b7aqztj] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-secundaria); }
.panel-listado-alertas > header div[b-v85b7aqztj] { display: grid; gap: .15rem; }
.panel-listado-alertas > header span[b-v85b7aqztj] { color: var(--color-texto-secundario); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.panel-listado-alertas > header h2[b-v85b7aqztj] { margin: 0; font-size: 1rem; }
.resumen-tipos[b-v85b7aqztj] {
    border-bottom: 1px solid var(--color-borde);
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    padding: .7rem 1rem;
}
.resumen-tipos span[b-v85b7aqztj] {
    background: #f6f1ee;
    border: 1px solid var(--color-borde);
    border-radius: 999px;
    color: var(--color-texto-secundario);
    font-size: .68rem;
    padding: .3rem .55rem;
}
.tabla-responsive[b-v85b7aqztj] { overflow-x: auto; }
table[b-v85b7aqztj] { width: 100%; border-collapse: collapse; }
th[b-v85b7aqztj], td[b-v85b7aqztj] { padding: .72rem .85rem; border-bottom: 1px solid var(--color-borde); font-size: .76rem; text-align: left; white-space: nowrap; }
.columna-id-alerta[b-v85b7aqztj] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 96px;
    background: var(--color-superficie);
}
th.columna-id-alerta[b-v85b7aqztj] {
    z-index: 2;
    background: var(--color-superficie-secundaria);
}
.lista-id-alertas[b-v85b7aqztj] {
    display: grid;
    justify-items: start;
    gap: .3rem;
}
.lista-id-alertas span[b-v85b7aqztj],
.id-alerta-detalle[b-v85b7aqztj] {
    display: inline-flex;
    padding: .18rem .4rem;
    border-radius: 999px;
    background: var(--color-primario-superficie);
    color: var(--color-primario);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1.2;
}
.id-alerta-detalle[b-v85b7aqztj] { margin-right: .2rem; }
.detalle-alerta[b-v85b7aqztj] { min-width: 360px; max-width: 520px; white-space: normal; }
.detalle-alerta ul[b-v85b7aqztj] { display: grid; gap: .45rem; margin: 0; padding-left: 1rem; }
.detalle-alerta li[b-v85b7aqztj] { line-height: 1.35; }
.detalle-alerta li strong[b-v85b7aqztj],
.detalle-alerta li span[b-v85b7aqztj] { display: block; }
.detalle-alerta li span[b-v85b7aqztj] { color: var(--color-texto-secundario); margin-top: .1rem; }
.editor-observacion-alerta[b-v85b7aqztj],
.observacion-alerta-guardada[b-v85b7aqztj] {
    display: grid;
    gap: .35rem;
    margin-top: .55rem;
    padding: .55rem;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie-secundaria);
}
.editor-observacion-alerta label[b-v85b7aqztj],
.observacion-alerta-guardada > strong[b-v85b7aqztj] {
    color: var(--color-texto);
    font-size: .7rem;
    font-weight: 850;
    text-transform: uppercase;
}
.editor-observacion-alerta textarea[b-v85b7aqztj] {
    box-sizing: border-box;
    width: 100%;
    min-height: 62px;
    padding: .5rem;
    resize: vertical;
    border: 1px solid var(--color-borde);
    border-radius: 7px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
    line-height: 1.35;
}
.editor-observacion-alerta > div[b-v85b7aqztj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
}
.editor-observacion-alerta small[b-v85b7aqztj],
.observacion-alerta-guardada small[b-v85b7aqztj] {
    margin-right: auto;
    color: var(--color-texto-secundario);
    font-size: .67rem;
}
.editor-observacion-alerta .btn[b-v85b7aqztj] {
    min-height: 34px;
    padding: .35rem .65rem;
    font-size: .7rem;
}
.observacion-alerta-guardada > span[b-v85b7aqztj] {
    color: var(--color-texto);
    white-space: pre-wrap;
}
th[b-v85b7aqztj] { color: var(--color-texto-secundario); font-size: .68rem; text-transform: uppercase; }
.sin-alertas[b-v85b7aqztj] { padding: 2rem 1rem; color: var(--color-texto-secundario); text-align: center; }
.estado-alertas[b-v85b7aqztj] { padding: 2rem 1rem; color: var(--color-texto-secundario); text-align: center; }

@media (max-width: 620px) {
    .panel-envio-alertas[b-v85b7aqztj] { align-items: stretch; flex-direction: column; }
    .estado-envio[b-v85b7aqztj] { justify-items: stretch; }
    .filtros-fecha[b-v85b7aqztj] { align-items: stretch; grid-template-columns: 1fr; }
    .editor-observacion-alerta > div[b-v85b7aqztj] {
        align-items: stretch;
        flex-direction: column;
    }
    .editor-observacion-alerta .btn[b-v85b7aqztj] { width: 100%; }
}
/* /Components/Pages/Combustible/AuditoriaCombustible.razor.rz.scp.css */
.auditoria-combustible[b-vbwcwc0yty] {
    display: grid;
    gap: 16px;
}

.cabecera-auditoria[b-vbwcwc0yty] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.cabecera-auditoria > div[b-vbwcwc0yty] {
    display: grid;
    gap: 3px;
}

.cabecera-auditoria span[b-vbwcwc0yty],
.resumen-auditoria span[b-vbwcwc0yty] {
    color: var(--color-texto-secundario);
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.cabecera-auditoria strong[b-vbwcwc0yty] {
    font-size: 1.15rem;
    text-transform: capitalize;
}

.cabecera-auditoria input[b-vbwcwc0yty] {
    min-height: 42px;
    padding: 7px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
}

.acciones-cabecera-auditoria[b-vbwcwc0yty] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.resumen-auditoria[b-vbwcwc0yty] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.resumen-auditoria article[b-vbwcwc0yty] {
    display: grid;
    gap: 5px;
    padding: 14px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.resumen-auditoria strong[b-vbwcwc0yty] {
    font-size: 1.45rem;
}

.resumen-omitidos[b-vbwcwc0yty] {
    border-left: 5px solid #c43838 !important;
}

.panel-omision[b-vbwcwc0yty] {
    display: grid;
    gap: 10px;
    padding: 16px;
    border: 1px solid #d3a34c;
    border-radius: 12px;
    background: #fff8eb;
}

.panel-omision h3[b-vbwcwc0yty],
.panel-omision p[b-vbwcwc0yty] {
    margin: 0;
}

.panel-omision label[b-vbwcwc0yty] {
    font-weight: 750;
}

.panel-omision textarea[b-vbwcwc0yty] {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    resize: vertical;
}

.acciones-omision[b-vbwcwc0yty] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
}

.contenedor-tabla-auditoria[b-vbwcwc0yty] {
    overflow-x: auto;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.tabla-auditoria[b-vbwcwc0yty] {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
    font-size: .82rem;
}

.tabla-auditoria th[b-vbwcwc0yty],
.tabla-auditoria td[b-vbwcwc0yty] {
    padding: 10px;
    border-bottom: 1px solid var(--color-borde);
    text-align: left;
    vertical-align: top;
}

.tabla-auditoria th[b-vbwcwc0yty] {
    position: sticky;
    top: 0;
    background: var(--color-superficie-suave);
    font-size: .72rem;
    text-transform: uppercase;
}

.tabla-auditoria td small[b-vbwcwc0yty] {
    display: block;
    margin-top: 3px;
    color: var(--color-texto-secundario);
}

.fila-omitida[b-vbwcwc0yty] {
    background: #fff4f4;
}

.etiqueta-omitida[b-vbwcwc0yty] {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 999px;
    background: #ffdede;
    color: #8a1717;
    font-weight: 750;
}

.detalle-omision[b-vbwcwc0yty] {
    max-width: 240px;
    margin-bottom: 7px !important;
}

.detalle-reactivacion[b-vbwcwc0yty] {
    max-width: 240px;
    margin-bottom: 7px !important;
    color: #28734d !important;
}

.btn-accion-auditoria[b-vbwcwc0yty] {
    padding: 5px 8px;
    font-size: .75rem;
}

.estado-auditoria[b-vbwcwc0yty] {
    padding: 30px;
    text-align: center;
}

@media (max-width: 760px) {
    .cabecera-auditoria[b-vbwcwc0yty] {
        align-items: stretch;
        flex-direction: column;
    }

    .acciones-cabecera-auditoria[b-vbwcwc0yty] {
        align-items: stretch;
        flex-direction: column;
    }

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

    .acciones-omision[b-vbwcwc0yty] {
        align-items: stretch;
        flex-direction: column-reverse;
    }
}
/* /Components/Pages/Combustible/CargasEstanqueCombustible.razor.rz.scp.css */
.rejilla-estanque[b-0ihy5qwcga] { display: grid; grid-template-columns: minmax(300px, .75fr) minmax(480px, 1.25fr); gap: 14px; align-items: start; margin-bottom: 14px; }
.panel-estanque[b-0ihy5qwcga] { overflow: hidden; border: 1px solid var(--color-borde); border-radius: 14px; background: var(--color-superficie); }
.cabecera-panel[b-0ihy5qwcga] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-suave); }
.cabecera-panel h2[b-0ihy5qwcga] { margin: 0; font-size: .98rem; }
.cabecera-panel span[b-0ihy5qwcga] { color: var(--color-texto-secundario); font-size: .72rem; }
.acciones-cabecera[b-0ihy5qwcga] { display: flex; align-items: center; gap: 8px; }
.formulario[b-0ihy5qwcga] { display: grid; gap: 13px; padding: 16px; }
.formulario-estanque[b-0ihy5qwcga] { border-top: 1px solid var(--color-borde); }
label[b-0ihy5qwcga] { display: grid; gap: 6px; font-size: .76rem; font-weight: 700; }
input[b-0ihy5qwcga], select[b-0ihy5qwcga] { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie); color: var(--color-texto); font: inherit; }
.codigo-estanque[b-0ihy5qwcga] { display: grid; grid-template-columns: auto 1fr; align-items: center; }
.codigo-estanque span[b-0ihy5qwcga] { display: grid; min-height: 40px; place-items: center; padding: 8px 10px; border: 1px solid var(--color-borde); border-right: 0; border-radius: 8px 0 0 8px; background: var(--color-superficie-suave); }
.codigo-estanque input[b-0ihy5qwcga] { border-radius: 0 8px 8px 0; }
.formulario > small[b-0ihy5qwcga], .estado-vacio[b-0ihy5qwcga] { color: var(--color-texto-secundario); }
.estado-vacio[b-0ihy5qwcga] { margin: 0; padding: 16px; }
.tabla-responsive[b-0ihy5qwcga] { overflow-x: auto; }
table[b-0ihy5qwcga] { width: 100%; border-collapse: collapse; }
th[b-0ihy5qwcga], td[b-0ihy5qwcga] { padding: 10px 12px; border-bottom: 1px solid var(--color-borde); text-align: left; white-space: nowrap; }
th[b-0ihy5qwcga] { color: var(--color-texto-secundario); font-size: .68rem; text-transform: uppercase; }
td[b-0ihy5qwcga] { font-size: .8rem; }
.acciones[b-0ihy5qwcga], .acciones-formulario[b-0ihy5qwcga] { display: flex; justify-content: flex-end; gap: 6px; }
.dato-fecha[b-0ihy5qwcga] { display: grid; gap: 4px; padding: 10px; border-radius: 8px; background: var(--color-superficie-suave); }
.dato-fecha span[b-0ihy5qwcga] { color: var(--color-texto-secundario); font-size: .72rem; }
.configuracion-destinos[b-0ihy5qwcga] { display: grid; gap: 14px; padding: 16px; border-top: 1px solid var(--color-borde); }
.cabecera-destinos[b-0ihy5qwcga] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.cabecera-destinos h3[b-0ihy5qwcga] { margin: 0; font-size: .96rem; }
.cabecera-destinos p[b-0ihy5qwcga] { margin: 4px 0 0; color: var(--color-texto-secundario); font-size: .76rem; }
.acciones-cabecera-destinos[b-0ihy5qwcga] { display: flex; align-items: center; gap: 8px; }
.lista-destinos[b-0ihy5qwcga] { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 8px; }
.destino-seleccionable[b-0ihy5qwcga] { display: flex; grid-template-columns: none; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--color-borde); border-radius: 10px; background: var(--color-superficie-suave); cursor: pointer; }
.destino-seleccionable input[b-0ihy5qwcga] { width: 20px; min-height: 20px; margin: 0; flex: 0 0 auto; }
.destino-seleccionable span[b-0ihy5qwcga] { display: grid; gap: 2px; min-width: 0; }
.destino-seleccionable small[b-0ihy5qwcga] { color: var(--color-texto-secundario); font-weight: 500; }
.acciones-destinos[b-0ihy5qwcga] { padding-top: 2px; }
@media (max-width: 900px) { .rejilla-estanque[b-0ihy5qwcga] { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
    .cabecera-panel[b-0ihy5qwcga], .cabecera-destinos[b-0ihy5qwcga] { align-items: stretch; flex-direction: column; }
    .acciones-cabecera[b-0ihy5qwcga], .acciones-cabecera-destinos[b-0ihy5qwcga], .acciones-destinos[b-0ihy5qwcga] { display: grid; grid-template-columns: 1fr; }
    .acciones-cabecera .btn[b-0ihy5qwcga], .acciones-cabecera-destinos .btn[b-0ihy5qwcga], .acciones-destinos .btn[b-0ihy5qwcga] { width: 100%; }
    .lista-destinos[b-0ihy5qwcga] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Combustible/ControlEstanqueCombustible.razor.rz.scp.css */
.control-estanque[b-xqdmux5vqy] {
    display: grid;
    gap: 1rem;
}

.panel-control[b-xqdmux5vqy] {
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.historial-control[b-xqdmux5vqy] {
    width: min(100%, 820px);
    margin-inline: auto;
}

.formulario-control[b-xqdmux5vqy] {
    width: min(100%, 780px);
    margin-inline: auto;
}

.panel-control > header[b-xqdmux5vqy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie-secundaria);
}

.panel-control > header div[b-xqdmux5vqy] { display: grid; gap: .15rem; }
.panel-control > header span[b-xqdmux5vqy] { color: var(--color-texto-secundario); font-size: .69rem; font-weight: 800; text-transform: uppercase; }
.panel-control > header h2[b-xqdmux5vqy] { margin: 0; font-size: 1rem; }
.panel-control > header > strong[b-xqdmux5vqy] { color: var(--color-primario); font-size: .82rem; }

.formulario-control[b-xqdmux5vqy]  form {
    display: grid;
    gap: 1.1rem;
    padding: clamp(1rem, 2.5vw, 1.5rem);
}
.fecha-hora-control[b-xqdmux5vqy],
.medidas-control[b-xqdmux5vqy] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.medidas-control[b-xqdmux5vqy] { align-items: start; }
.fecha-hora-control[b-xqdmux5vqy] { padding: .8rem; border: 1px solid var(--color-borde); border-radius: 12px; background: var(--color-superficie-secundaria); }
.rejilla-formulario[b-xqdmux5vqy] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.campo-ancho[b-xqdmux5vqy] { grid-column: 1 / -1; }
.fecha-hora-control label[b-xqdmux5vqy],
.rejilla-formulario label[b-xqdmux5vqy] { display: grid; gap: .36rem; color: var(--color-texto-secundario); font-size: .8rem; font-weight: 750; }
.fecha-hora-control input[b-xqdmux5vqy],
.rejilla-formulario[b-xqdmux5vqy]  input,
.rejilla-formulario[b-xqdmux5vqy]  select {
    box-sizing: border-box;
    width: 100%;
    min-height: 46px;
    padding: .65rem .8rem;
    border: 1px solid var(--color-borde);
    border-radius: 10px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
}
.rejilla-formulario[b-xqdmux5vqy]  select { padding-right: 2.25rem; }
.fecha-hora-control input:focus[b-xqdmux5vqy],
.rejilla-formulario[b-xqdmux5vqy]  input:focus,
.rejilla-formulario[b-xqdmux5vqy]  select:focus {
    border-color: var(--color-primario);
    outline: 3px solid color-mix(in srgb, var(--color-primario) 18%, transparent);
    outline-offset: 1px;
}
.fecha-hora-control input[readonly][b-xqdmux5vqy] { background: var(--color-superficie); color: var(--color-texto); cursor: default; }
.rejilla-formulario .identificador[b-xqdmux5vqy] { text-transform: uppercase; }
.rejilla-formulario small[b-xqdmux5vqy] { font-size: .67rem; font-weight: 500; }
.rejilla-formulario[b-xqdmux5vqy]  .validation-message { color: var(--color-error-texto); }
.destino-control[b-xqdmux5vqy] { display: grid; gap: .5rem; }
.destino-control .opcion-sin-codigo[b-xqdmux5vqy] { display: flex; align-items: center; min-height: 46px; padding: .6rem .75rem; border: 1px solid var(--color-advertencia-borde); border-radius: 10px; background: var(--color-advertencia-superficie); color: var(--color-advertencia-texto); gap: .55rem; cursor: pointer; }
.destino-control .opcion-sin-codigo[b-xqdmux5vqy]  input { width: 20px; height: 20px; min-height: auto; padding: 0; flex: 0 0 auto; }
.campo-medida[b-xqdmux5vqy] { display: grid; grid-template-rows: auto 46px minmax(1.15rem, auto); gap: .36rem; }
.campo-medida > label[b-xqdmux5vqy] { display: flex; align-items: baseline; gap: .3rem; color: var(--color-texto-secundario); font-size: .8rem; font-weight: 750; }
.espacio-validacion-medida[b-xqdmux5vqy] { min-height: 1.15rem; }
.aviso-sin-destinos[b-xqdmux5vqy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .45rem;
    padding: .65rem .75rem;
    border-left: 3px solid var(--color-advertencia-texto);
    border-radius: 6px;
    background: var(--color-superficie-secundaria);
}
.aviso-sin-destinos a[b-xqdmux5vqy] { color: var(--color-primario); font-weight: 750; }

.acciones-control[b-xqdmux5vqy] { display: flex; justify-content: flex-end; }
.acciones-control .btn[b-xqdmux5vqy] { min-height: 46px; padding-inline: 1.25rem; }
.estado-vacio[b-xqdmux5vqy] { margin: 0; padding: 1.5rem 1rem; color: var(--color-texto-secundario); text-align: center; }

.tabla-responsive[b-xqdmux5vqy] { overflow-x: auto; }
.tabla-responsive table[b-xqdmux5vqy] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.tabla-responsive .columna-fecha[b-xqdmux5vqy] { width: 7.5rem; }
.tabla-responsive .columna-origen[b-xqdmux5vqy] { width: auto; }
.tabla-responsive .columna-destino[b-xqdmux5vqy] { width: 10rem; }
.tabla-responsive .columna-carga[b-xqdmux5vqy] { width: 8.5rem; }
.tabla-responsive th[b-xqdmux5vqy],
.tabla-responsive td[b-xqdmux5vqy] { padding: .55rem .65rem; border-bottom: 1px solid var(--color-borde); font-size: .75rem; text-align: left; overflow-wrap: anywhere; }
.tabla-responsive th[b-xqdmux5vqy] { color: var(--color-texto-secundario); font-size: .69rem; }
.tabla-responsive th:nth-child(1)[b-xqdmux5vqy],
.tabla-responsive th:nth-child(4)[b-xqdmux5vqy],
.tabla-responsive td:nth-child(1)[b-xqdmux5vqy],
.tabla-responsive td:nth-child(4)[b-xqdmux5vqy] { white-space: nowrap; }
.tabla-responsive tr:last-child td[b-xqdmux5vqy] { border-bottom: 0; }
.tabla-responsive td small[b-xqdmux5vqy] { display: block; margin-top: .1rem; color: var(--color-texto-secundario); line-height: 1.25; }
.tabla-responsive .responsable-origen[b-xqdmux5vqy] { margin-top: .25rem; font-size: .68rem; }
.pendiente[b-xqdmux5vqy] { color: var(--color-advertencia-texto); }

@media (max-width: 720px) {
    .tabla-responsive[b-xqdmux5vqy] { overflow: visible; padding: .75rem; }
    .tabla-responsive table[b-xqdmux5vqy],
    .tabla-responsive tbody[b-xqdmux5vqy] { display: block; }
    .tabla-responsive thead[b-xqdmux5vqy] { display: none; }
    .tabla-responsive tr[b-xqdmux5vqy] { display: block; margin-bottom: .75rem; padding: .35rem .75rem; border: 1px solid var(--color-borde); border-radius: 12px; background: var(--color-superficie); box-shadow: var(--sombra-suave); }
    .tabla-responsive tr:last-child[b-xqdmux5vqy] { margin-bottom: 0; }
    .tabla-responsive td[b-xqdmux5vqy] { display: grid; grid-template-columns: minmax(105px, .8fr) minmax(0, 1.2fr); gap: .65rem; padding: .55rem 0; white-space: normal; }
    .tabla-responsive td[b-xqdmux5vqy]::before { content: attr(data-label); color: var(--color-texto-secundario); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
    .tabla-responsive td:last-child[b-xqdmux5vqy] { border-bottom: 0; }
}

@media (max-width: 560px) {
    .rejilla-formulario[b-xqdmux5vqy] { grid-template-columns: 1fr; }
    .campo-ancho[b-xqdmux5vqy] { grid-column: auto; }
    .panel-control > header[b-xqdmux5vqy] { align-items: flex-start; flex-direction: column; }
    .formulario-control[b-xqdmux5vqy]  form { padding: 1rem; }
    .fecha-hora-control[b-xqdmux5vqy],
    .medidas-control[b-xqdmux5vqy] { grid-template-columns: 1fr; }
    .acciones-control .btn[b-xqdmux5vqy] { width: 100%; }
}
/* /Components/Pages/Combustible/EstanquesPrincipalesCombustible.razor.rz.scp.css */
.panel-estanque[b-3os7jnrjtw] { overflow: hidden; border: 1px solid var(--color-borde); border-radius: 14px; background: var(--color-superficie); }
.cabecera-panel[b-3os7jnrjtw] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-suave); }
.cabecera-panel h2[b-3os7jnrjtw] { margin: 0; font-size: .98rem; }
.cabecera-panel span[b-3os7jnrjtw] { color: var(--color-texto-secundario); font-size: .74rem; }
.acciones-cabecera[b-3os7jnrjtw] { display: flex; align-items: center; gap: 8px; }
.formulario[b-3os7jnrjtw] { display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: 13px; padding: 16px; }
.formulario-estanque[b-3os7jnrjtw] { border-top: 1px solid var(--color-borde); }
label[b-3os7jnrjtw] { display: grid; gap: 6px; font-size: .76rem; font-weight: 700; }
input[b-3os7jnrjtw], select[b-3os7jnrjtw] { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie); color: var(--color-texto); font: inherit; }
.codigo-estanque[b-3os7jnrjtw] { display: grid; grid-template-columns: auto 1fr; align-items: center; }
.codigo-estanque span[b-3os7jnrjtw] { display: grid; min-height: 40px; place-items: center; padding: 8px 10px; border: 1px solid var(--color-borde); border-right: 0; border-radius: 8px 0 0 8px; background: var(--color-superficie-suave); }
.codigo-estanque input[b-3os7jnrjtw] { border-radius: 0 8px 8px 0; }
.estado-vacio[b-3os7jnrjtw] { margin: 0; padding: 16px; color: var(--color-texto-secundario); }
.tabla-responsive[b-3os7jnrjtw] { overflow-x: auto; }
table[b-3os7jnrjtw] { width: 100%; border-collapse: collapse; }
th[b-3os7jnrjtw], td[b-3os7jnrjtw] { padding: 10px 12px; border-bottom: 1px solid var(--color-borde); text-align: left; white-space: nowrap; }
th[b-3os7jnrjtw] { color: var(--color-texto-secundario); font-size: .68rem; text-transform: uppercase; }
td[b-3os7jnrjtw] { font-size: .8rem; }
.acciones[b-3os7jnrjtw], .acciones-formulario[b-3os7jnrjtw] { display: flex; justify-content: flex-end; gap: 6px; }
.acciones-formulario[b-3os7jnrjtw] { align-items: end; }
.dato-fecha[b-3os7jnrjtw] { display: grid; gap: 4px; padding: 10px; border-radius: 8px; background: var(--color-superficie-suave); }
.dato-fecha span[b-3os7jnrjtw] { color: var(--color-texto-secundario); font-size: .72rem; }
@media (max-width: 720px) {
    .cabecera-panel[b-3os7jnrjtw] { align-items: stretch; flex-direction: column; }
    .acciones-cabecera[b-3os7jnrjtw] { display: grid; grid-template-columns: 1fr; }
    .acciones-cabecera .btn[b-3os7jnrjtw] { width: 100%; }
    .formulario[b-3os7jnrjtw] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Combustible/IngresosEstanqueCombustible.razor.rz.scp.css */
.rejilla-ingresos[b-0an5mvhtoq] { display: grid; grid-template-columns: minmax(300px, .75fr) minmax(520px, 1.25fr); gap: 14px; align-items: start; }
.panel-ingreso[b-0an5mvhtoq] { overflow: hidden; border: 1px solid var(--color-borde); border-radius: 14px; background: var(--color-superficie); }
.panel-ingreso > header[b-0an5mvhtoq] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-suave); }
.panel-ingreso h2[b-0an5mvhtoq] { margin: 0; font-size: .98rem; }
.panel-ingreso header strong[b-0an5mvhtoq], .panel-ingreso header span[b-0an5mvhtoq] { color: var(--color-texto-secundario); font-size: .74rem; }
.formulario-ingreso[b-0an5mvhtoq] { display: grid; gap: 13px; padding: 16px; }
label[b-0an5mvhtoq] { display: grid; gap: 6px; font-size: .76rem; font-weight: 700; }
input[b-0an5mvhtoq], select[b-0an5mvhtoq] { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie); color: var(--color-texto); font: inherit; }
.nota-fecha[b-0an5mvhtoq] { padding: 10px; border-radius: 8px; background: var(--color-superficie-suave); color: var(--color-texto-secundario); font-size: .76rem; }
.estado-vacio[b-0an5mvhtoq] { margin: 0; padding: 16px; color: var(--color-texto-secundario); }
.tabla-responsive[b-0an5mvhtoq] { overflow-x: auto; }
table[b-0an5mvhtoq] { width: 100%; border-collapse: collapse; }
th[b-0an5mvhtoq], td[b-0an5mvhtoq] { padding: 10px 12px; border-bottom: 1px solid var(--color-borde); text-align: left; white-space: nowrap; }
th[b-0an5mvhtoq] { color: var(--color-texto-secundario); font-size: .68rem; text-transform: uppercase; }
td[b-0an5mvhtoq] { font-size: .8rem; }
@media (max-width: 900px) { .rejilla-ingresos[b-0an5mvhtoq] { grid-template-columns: 1fr; } }
/* /Components/Pages/Combustible/NavegacionCombustible.razor.rz.scp.css */
.navegacion-combustible[b-f888gxeu4d] {
    display: flex;
    gap: .35rem;
    margin-bottom: .75rem;
    padding-bottom: .55rem;
    overflow-x: auto;
    border-bottom: 1px solid var(--color-borde);
}

.navegacion-combustible[b-f888gxeu4d]  a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    padding: .45rem .8rem;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--color-texto-secundario);
    font-size: .82rem;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.navegacion-combustible[b-f888gxeu4d]  a:hover {
    border-color: var(--color-borde);
    background: var(--color-superficie-secundaria);
    color: var(--color-primario);
}

.navegacion-combustible[b-f888gxeu4d]  a.active {
    border-color: rgba(var(--color-primario-rgb), .28);
    background: rgba(var(--color-primario-rgb), .1);
    color: var(--color-primario);
}

@media (max-width: 600px) {
    .navegacion-combustible[b-f888gxeu4d] {
        gap: .2rem;
        margin-bottom: .4rem;
        padding-bottom: .35rem;
    }

    .navegacion-combustible[b-f888gxeu4d]  a {
        min-height: 32px;
        padding: .32rem .65rem;
        border-radius: 8px;
        font-size: .78rem;
    }
}
/* /Components/Pages/Combustible/NavegacionGestionCombustible.razor.rz.scp.css */
.navegacion-gestion[b-tji9vi0pcl] {
    display: flex;
    gap: .35rem;
    margin: -.25rem 0 .85rem;
}

.navegacion-gestion[b-tji9vi0pcl]  a {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: .35rem .7rem;
    border: 1px solid var(--color-borde);
    border-radius: 999px;
    color: var(--color-texto-secundario);
    font-size: .75rem;
    font-weight: 750;
    text-decoration: none;
}

.navegacion-gestion[b-tji9vi0pcl]  a.active {
    border-color: var(--color-primario);
    background: var(--color-primario-superficie);
    color: var(--color-primario);
}
/* /Components/Pages/Combustible/ReporteGestionCombustible.razor.rz.scp.css */
.dashboard-alertas[b-rtq333x1yn] {
    display: grid;
    gap: .85rem;
}

.cabecera-dashboard[b-rtq333x1yn],
.seccion-resumen[b-rtq333x1yn],
.indicador-critico[b-rtq333x1yn],
.panel-parametros[b-rtq333x1yn],
.estado-gestion[b-rtq333x1yn] {
    border: 1px solid var(--color-borde);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.cabecera-dashboard[b-rtq333x1yn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
}

.cabecera-dashboard > div[b-rtq333x1yn] {
    display: grid;
    gap: .15rem;
}

.cabecera-dashboard span[b-rtq333x1yn],
.indicador-critico span[b-rtq333x1yn] {
    color: var(--color-texto-secundario);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.cabecera-dashboard h2[b-rtq333x1yn],
.seccion-resumen h3[b-rtq333x1yn],
.indicador-critico h3[b-rtq333x1yn] {
    margin: 0;
    color: var(--color-texto);
}

.cabecera-dashboard h2[b-rtq333x1yn] {
    font-size: 1.15rem;
}

.cabecera-dashboard p[b-rtq333x1yn] {
    max-width: 470px;
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: .78rem;
    text-align: right;
}

.seccion-resumen[b-rtq333x1yn] {
    padding: .9rem;
}

.seccion-resumen h3[b-rtq333x1yn] {
    margin-bottom: .7rem;
    font-size: .9rem;
}

.tarjetas-resumen[b-rtq333x1yn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--separacion-tarjetas-indicador);
}

.tarjeta-resumen[b-rtq333x1yn] {
    position: relative;
    display: grid;
    gap: .55rem;
    min-height: 68px;
    padding: var(--espacio-tarjeta-indicador);
    padding-left: .9rem;
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie-secundaria);
}

.tarjeta-resumen[b-rtq333x1yn]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: #637381;
    content: "";
}

.tarjeta-resumen.verde[b-rtq333x1yn]::before { background: #278650; }
.tarjeta-resumen.amarillo[b-rtq333x1yn]::before { background: #d49a19; }
.tarjeta-resumen.rojo[b-rtq333x1yn]::before { background: #c64b42; }
.tarjeta-resumen.correcto[b-rtq333x1yn]::before { background: #278650; }
.tarjeta-resumen.alerta[b-rtq333x1yn]::before { background: #c64b42; }
.tarjeta-resumen.pendiente[b-rtq333x1yn]::before { background: #d49a19; }

.tarjeta-resumen > .etiqueta-resumen[b-rtq333x1yn] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--color-texto-secundario);
    font-size: .75rem;
    font-weight: 700;
}

.semaforo[b-rtq333x1yn] {
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    border: 1px solid rgb(0 0 0 / 18%);
    border-radius: 50%;
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 45%), 0 1px 2px rgb(0 0 0 / 15%);
}

.semaforo.verde[b-rtq333x1yn] { background: #2f9e5b; }
.semaforo.amarillo[b-rtq333x1yn] { background: #e4ae2a; }
.semaforo.rojo[b-rtq333x1yn] { background: #d9534f; }

.tarjeta-resumen strong[b-rtq333x1yn] {
    align-self: end;
    color: var(--color-texto);
    font-size: 1.45rem;
    line-height: 1;
}

.tarjeta-resumen small[b-rtq333x1yn] {
    color: var(--color-texto-secundario);
    font-size: .68rem;
}

.tarjeta-resumen.correcto strong[b-rtq333x1yn] { color: #227746; }
.tarjeta-resumen.alerta strong[b-rtq333x1yn] { color: #a93232; }
.tarjeta-resumen.pendiente strong[b-rtq333x1yn] { color: #85620d; }

.rejilla-alertas[b-rtq333x1yn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    align-items: stretch;
}

.indicador-critico[b-rtq333x1yn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border-left: 5px solid #c64b42;
}

.indicador-critico > div[b-rtq333x1yn] {
    display: grid;
    gap: .2rem;
}

.indicador-critico h3[b-rtq333x1yn] {
    font-size: .92rem;
}

.indicador-critico > strong[b-rtq333x1yn] {
    min-width: 100px;
    color: var(--color-texto);
    font-size: 1.25rem;
    text-align: right;
}

.panel-parametros[b-rtq333x1yn] {
    padding: .95rem 1rem;
}

.panel-parametros > header[b-rtq333x1yn] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
}

.panel-parametros > header div[b-rtq333x1yn] { display: grid; gap: .15rem; }
.panel-parametros > header span[b-rtq333x1yn] { color: var(--color-texto-secundario); font-size: .68rem; font-weight: 850; text-transform: uppercase; }
.panel-parametros > header h3[b-rtq333x1yn] { margin: 0; font-size: .95rem; }
.panel-parametros > header small[b-rtq333x1yn] { color: var(--color-texto-secundario); }

.panel-parametros[b-rtq333x1yn]  form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: .75rem;
    align-items: end;
}

.panel-parametros label[b-rtq333x1yn] { display: grid; gap: .3rem; color: var(--color-texto-secundario); font-size: .75rem; font-weight: 700; }
.panel-parametros[b-rtq333x1yn]  input { box-sizing: border-box; width: 100%; min-height: 38px; padding: .45rem .6rem; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie); color: var(--color-texto); }
.panel-parametros[b-rtq333x1yn]  .validation-message { color: var(--color-error-texto); font-size: .68rem; }
.panel-parametros button[b-rtq333x1yn] { min-height: 38px; }
.panel-umbrales[b-rtq333x1yn]  form { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; }
.panel-semaforo-rendimiento[b-rtq333x1yn]  form { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; }
.campo-semaforo[b-rtq333x1yn] { padding-left: .65rem; border-left: 5px solid var(--color-borde); }
.campo-semaforo.verde[b-rtq333x1yn] { border-left-color: #278650; }
.campo-semaforo.naranjo[b-rtq333x1yn] { border-left-color: #d98218; }
.campo-semaforo.rojo[b-rtq333x1yn] { border-left-color: #c64b42; }

.estado-gestion[b-rtq333x1yn] {
    padding: 2rem 1rem;
    color: var(--color-texto-secundario);
    text-align: center;
}

@media (max-width: 1050px) {
    .rejilla-alertas[b-rtq333x1yn] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rejilla-alertas[b-rtq333x1yn]  .panel-alertas:last-child { grid-column: 1 / -1; }
    .panel-parametros[b-rtq333x1yn]  form,
    .panel-umbrales[b-rtq333x1yn]  form,
    .panel-semaforo-rendimiento[b-rtq333x1yn]  form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .tarjetas-resumen[b-rtq333x1yn] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rejilla-alertas[b-rtq333x1yn] { grid-template-columns: 1fr; }
    .rejilla-alertas[b-rtq333x1yn]  .panel-alertas:last-child { grid-column: auto; }
    .cabecera-dashboard[b-rtq333x1yn] { align-items: flex-start; flex-direction: column; }
    .cabecera-dashboard p[b-rtq333x1yn] { text-align: left; }
    .panel-parametros > header[b-rtq333x1yn] { align-items: flex-start; flex-direction: column; }
    .panel-parametros[b-rtq333x1yn]  form,
    .panel-umbrales[b-rtq333x1yn]  form,
    .panel-semaforo-rendimiento[b-rtq333x1yn]  form { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .tarjetas-resumen[b-rtq333x1yn] { grid-template-columns: 1fr; }
    .indicador-critico[b-rtq333x1yn] { align-items: flex-start; flex-direction: column; }
    .indicador-critico > strong[b-rtq333x1yn] { min-width: 0; text-align: left; }
}
/* /Components/Pages/Combustible/ReporteInicialCombustible.razor.rz.scp.css */
/* Estilos del reporte inicial de combustible. */
.tablero-combustible[b-7byb8ka42z] {
    --combustible-azul: #356f8a;
    display: grid;
    gap: .75rem;
}

.barra-periodo[b-7byb8ka42z],
.panel-grafico[b-7byb8ka42z],
.indicadores-combustible article[b-7byb8ka42z] {
    border: 1px solid var(--color-borde);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.barra-periodo[b-7byb8ka42z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem .9rem;
}

.barra-periodo > div:first-child[b-7byb8ka42z] {
    display: grid;
    gap: .1rem;
}

.barra-periodo span[b-7byb8ka42z],
.panel-grafico header span[b-7byb8ka42z],
.indicadores-combustible span[b-7byb8ka42z] {
    color: var(--color-texto-secundario);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.barra-periodo strong[b-7byb8ka42z] {
    color: var(--color-texto);
    font-size: 1rem;
}

.selector-periodo[b-7byb8ka42z] {
    display: grid;
    grid-template-columns: 38px minmax(150px, 180px) 38px;
    gap: .35rem;
}

.selector-periodo button[b-7byb8ka42z],
.selector-periodo input[b-7byb8ka42z] {
    min-height: 38px;
    border: 1px solid var(--color-borde);
    border-radius: 10px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
}

.selector-periodo button[b-7byb8ka42z] {
    font-size: 1.35rem;
    line-height: 1;
}

.selector-periodo input[b-7byb8ka42z] {
    padding: 0 .65rem;
}

.indicadores-combustible[b-7byb8ka42z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--separacion-tarjetas-indicador);
}

.indicadores-combustible article[b-7byb8ka42z] {
    position: relative;
    display: grid;
    gap: .3rem;
    min-height: 68px;
    padding: var(--espacio-tarjeta-indicador);
    padding-left: .9rem;
    overflow: hidden;
}

.indicadores-combustible article[b-7byb8ka42z]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--combustible-azul);
    content: "";
}

.indicadores-combustible article:nth-child(2)[b-7byb8ka42z]::before { background: #4f8a5b; }
.indicadores-combustible article:nth-child(3)[b-7byb8ka42z]::before { background: #d28a2e; }
.indicadores-combustible article:nth-child(4)[b-7byb8ka42z]::before { background: #69778f; }
.indicadores-combustible article.indicador-pendiente[b-7byb8ka42z]::before { background: var(--color-error); }

.indicadores-combustible strong[b-7byb8ka42z] {
    color: var(--color-texto);
    font-size: 1.65rem;
    line-height: 1;
}

.graficos-combustible[b-7byb8ka42z] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(300px, .9fr);
    gap: .75rem;
}

.panel-grafico[b-7byb8ka42z] {
    min-width: 0;
    padding: .85rem;
}

.panel-grafico > header[b-7byb8ka42z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .8rem;
}

.panel-grafico h2[b-7byb8ka42z] {
    margin: .15rem 0 0;
    color: var(--color-texto);
    font-size: 1rem;
}

.panel-grafico > header > strong[b-7byb8ka42z] {
    color: var(--color-texto-secundario);
    font-size: .74rem;
}

.acciones-grafico[b-7byb8ka42z] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.acciones-grafico > strong[b-7byb8ka42z] {
    color: var(--color-texto-secundario);
    font-size: .74rem;
}

.boton-exportar-excel[b-7byb8ka42z] {
    display: flex;
    align-items: center;
    gap: .45rem;
    height: 36px;
    padding: 0 .7rem;
    border: 1px solid #237346;
    border-radius: 9px;
    background: #237346;
    color: #fff;
    transition: filter 160ms ease, transform 160ms ease;
    font-size: .74rem;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
}

.boton-exportar-excel:hover[b-7byb8ka42z] {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.boton-exportar-excel:focus-visible[b-7byb8ka42z] {
    outline: 3px solid color-mix(in srgb, #237346 35%, transparent);
    outline-offset: 2px;
}

.boton-exportar-excel:disabled[b-7byb8ka42z] {
    cursor: wait;
    filter: grayscale(.25);
    opacity: .7;
    transform: none;
}

.error-exportacion[b-7byb8ka42z] {
    margin: 0 1.1rem;
    padding: .65rem .8rem;
    border: 1px solid color-mix(in srgb, var(--color-error) 35%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--color-error) 8%, transparent);
    color: var(--color-error);
    font-size: .78rem;
}

.boton-exportar-excel svg[b-7byb8ka42z] {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.panel-grafico header .boton-exportar-excel span[b-7byb8ka42z] {
    color: #fff;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: normal;
    text-transform: none;
}

.area-grafico-diario[b-7byb8ka42z] {
    min-height: 245px;
    overflow-x: auto;
}

.contenido-grafico-area[b-7byb8ka42z] {
    min-width: 600px;
}

.grafico-area[b-7byb8ka42z] {
    display: block;
    width: 100%;
    height: 250px;
    overflow: visible;
}

.etiqueta-dia[b-7byb8ka42z] {
    font-size: 9px;
}

.rejilla-area[b-7byb8ka42z],
.eje-area[b-7byb8ka42z] {
    fill: none;
    stroke: var(--color-borde);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.rejilla-area[b-7byb8ka42z] {
    stroke-dasharray: 2 3;
}

.relleno-area[b-7byb8ka42z] {
    fill: var(--combustible-azul);
    opacity: .18;
}

.linea-area[b-7byb8ka42z] {
    fill: none;
    stroke: var(--combustible-azul);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.punto-area[b-7byb8ka42z] {
    fill: var(--color-superficie);
    stroke: var(--combustible-azul);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.etiqueta-eje[b-7byb8ka42z],
.titulo-eje[b-7byb8ka42z] {
    fill: var(--color-texto-secundario);
    font-family: inherit;
    font-size: 11px;
}

.titulo-eje[b-7byb8ka42z] {
    font-weight: 700;
}

.columnas-diarias[b-7byb8ka42z] {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 4px;
    align-items: end;
    min-width: 560px;
    height: 100%;
    border-bottom: 1px solid var(--color-borde);
}

.columna-dia[b-7byb8ka42z] {
    display: grid;
    height: 100%;
    grid-template-rows: 1fr 18px;
    align-items: end;
    justify-items: stretch;
}

.barra-dia[b-7byb8ka42z] {
    position: relative;
    min-height: 0;
    border-radius: 5px 5px 1px 1px;
    background: var(--combustible-azul);
    transition: height 180ms ease;
}

.barra-dia:hover[b-7byb8ka42z] {
    filter: brightness(1.12);
}

.barra-dia span[b-7byb8ka42z] {
    position: absolute;
    bottom: calc(100% + 3px);
    left: 50%;
    display: none;
    padding: 2px 4px;
    border-radius: 4px;
    background: var(--color-oscuro);
    color: var(--color-superficie);
    font-size: .65rem;
    transform: translateX(-50%);
    white-space: nowrap;
}

.barra-dia:hover span[b-7byb8ka42z] {
    display: block;
}

.columna-dia small[b-7byb8ka42z] {
    align-self: end;
    color: var(--color-texto-secundario);
    font-size: .66rem;
    text-align: center;
}

.linea-referencia[b-7byb8ka42z] {
    position: absolute;
    right: 5px;
    left: 50px;
    z-index: 1;
    border-top: 1px dashed var(--color-borde);
}

.linea-referencia span[b-7byb8ka42z] {
    position: absolute;
    right: calc(100% + 7px);
    top: -.65em;
    color: var(--color-texto-deshabilitado);
    font-size: .65rem;
}

.linea-superior[b-7byb8ka42z] { top: 8px; }
.linea-media[b-7byb8ka42z] { top: calc(50% - 8px); }

.distribucion-dona[b-7byb8ka42z] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 1rem;
    align-items: center;
    min-height: 245px;
}

.dona-areas[b-7byb8ka42z] {
    display: grid;
    width: 150px;
    height: 150px;
    place-items: center;
    border-radius: 50%;
}

.dona-areas > div[b-7byb8ka42z] {
    display: grid;
    width: 88px;
    height: 88px;
    place-items: center;
    align-content: center;
    border-radius: 50%;
    background: var(--color-superficie);
}

.dona-areas strong[b-7byb8ka42z] {
    color: var(--color-texto);
    font-size: 1.3rem;
    line-height: 1;
}

.dona-areas span[b-7byb8ka42z] {
    margin-top: .25rem;
    color: var(--color-texto-secundario);
    font-size: .7rem;
}

.leyenda-areas[b-7byb8ka42z],
.barras-areas[b-7byb8ka42z] {
    display: grid;
    gap: .7rem;
}

.leyenda-areas > div[b-7byb8ka42z] {
    display: grid;
    grid-template-columns: 9px minmax(0, 1fr) auto;
    gap: .45rem;
    align-items: center;
    color: var(--color-texto-secundario);
    font-size: .76rem;
}

.leyenda-areas i[b-7byb8ka42z] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.leyenda-areas span[b-7byb8ka42z],
.barras-areas header span[b-7byb8ka42z] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.leyenda-areas strong[b-7byb8ka42z] {
    color: var(--color-texto);
}

.barras-areas > div[b-7byb8ka42z] {
    display: grid;
    gap: .3rem;
}

.barras-areas header[b-7byb8ka42z] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    color: var(--color-texto-secundario);
    font-size: .76rem;
}

.fondo-barra-area[b-7byb8ka42z] {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--color-superficie-secundaria);
}

.fondo-barra-area span[b-7byb8ka42z] {
    display: block;
    height: 100%;
    min-width: 3px;
    border-radius: inherit;
    background: var(--combustible-azul);
}

.estado-tablero[b-7byb8ka42z],
.error-tablero[b-7byb8ka42z],
.sin-datos[b-7byb8ka42z] {
    display: grid;
    min-height: 110px;
    padding: 1rem;
    place-items: center;
    border-radius: 14px;
    text-align: center;
    font-size: .82rem;
}

.estado-tablero[b-7byb8ka42z],
.sin-datos[b-7byb8ka42z] {
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
}

.error-tablero[b-7byb8ka42z] {
    border: 1px solid var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

@media (max-width: 1000px) {
    .indicadores-combustible[b-7byb8ka42z] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .graficos-combustible[b-7byb8ka42z] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .tablero-combustible[b-7byb8ka42z] { gap: .45rem; }
    .barra-periodo[b-7byb8ka42z] { gap: .5rem; padding: .5rem .6rem; border-radius: 12px; }
    .barra-periodo > div:first-child[b-7byb8ka42z] { flex: 0 0 auto; }
    .barra-periodo strong[b-7byb8ka42z] { font-size: .92rem; }
    .selector-periodo[b-7byb8ka42z] { grid-template-columns: 34px minmax(0, 1fr) 34px; flex: 1 1 250px; }
    .selector-periodo button[b-7byb8ka42z],
    .selector-periodo input[b-7byb8ka42z] { min-height: 34px; border-radius: 8px; }
    .selector-periodo input[b-7byb8ka42z] { min-width: 0; padding: 0 .4rem; font-size: .84rem; }
    .indicadores-combustible[b-7byb8ka42z] { gap: var(--separacion-tarjetas-indicador); }
    .indicadores-combustible article[b-7byb8ka42z] { gap: .15rem; min-height: 54px; padding: var(--espacio-tarjeta-indicador-movil); padding-left: .7rem; border-radius: 12px; }
    .indicadores-combustible span[b-7byb8ka42z] { font-size: .64rem; line-height: 1.2; letter-spacing: .02em; }
    .indicadores-combustible strong[b-7byb8ka42z] { font-size: 1.2rem; }
    .graficos-combustible[b-7byb8ka42z] { gap: .45rem; }
    .panel-grafico[b-7byb8ka42z] { padding: .55rem; border-radius: 12px; }
    .panel-grafico > header[b-7byb8ka42z] { gap: .5rem; margin-bottom: .5rem; }
    .acciones-grafico[b-7byb8ka42z] { flex: 0 0 auto; }
    .boton-exportar-excel[b-7byb8ka42z] { height: 34px; justify-content: center; }
    .distribucion-dona[b-7byb8ka42z] { grid-template-columns: 1fr; justify-items: center; }
    .leyenda-areas[b-7byb8ka42z] { width: 100%; }
    .area-grafico-diario[b-7byb8ka42z] { min-height: 205px; }
    .contenido-grafico-area[b-7byb8ka42z] { min-width: 520px; }
    .grafico-area[b-7byb8ka42z] { height: 210px; }
}

@media (max-width: 420px) {
    .tablero-combustible[b-7byb8ka42z] {
        gap: .4rem;
    }

    .barra-periodo[b-7byb8ka42z] {
        gap: .45rem;
        padding: .45rem .5rem;
        border-radius: 11px;
    }

    .barra-periodo strong[b-7byb8ka42z] {
        font-size: .9rem;
    }

    .selector-periodo[b-7byb8ka42z] {
        grid-template-columns: 36px minmax(0, 1fr) 36px;
        gap: .25rem;
    }

    .selector-periodo button[b-7byb8ka42z],
    .selector-periodo input[b-7byb8ka42z] {
        min-height: 34px;
        border-radius: 8px;
    }

    .selector-periodo input[b-7byb8ka42z] {
        min-width: 0;
        padding: 0 .35rem;
        font-size: .82rem;
    }

    .indicadores-combustible article[b-7byb8ka42z] {
        gap: .15rem;
        min-height: 54px;
        padding: .4rem .45rem .4rem .65rem;
        border-radius: 11px;
    }

    .indicadores-combustible span[b-7byb8ka42z] {
        font-size: .61rem;
        line-height: 1.2;
        letter-spacing: .02em;
    }

    .indicadores-combustible strong[b-7byb8ka42z] {
        font-size: 1.15rem;
    }

    .graficos-combustible[b-7byb8ka42z] {
        gap: .4rem;
    }

    .panel-grafico[b-7byb8ka42z] {
        padding: .5rem;
        border-radius: 11px;
    }

    .panel-grafico > header[b-7byb8ka42z] {
        gap: .45rem;
        margin-bottom: .45rem;
    }

    .panel-grafico h2[b-7byb8ka42z] {
        font-size: .92rem;
    }

    .boton-exportar-excel[b-7byb8ka42z] {
        height: 34px;
        font-size: .7rem;
    }

    .area-grafico-diario[b-7byb8ka42z] {
        min-height: 180px;
    }

    .contenido-grafico-area[b-7byb8ka42z] {
        min-width: 460px;
    }

    .grafico-area[b-7byb8ka42z] {
        height: 185px;
    }

    .distribucion-dona[b-7byb8ka42z] {
        gap: .55rem;
        min-height: 0;
    }

    .dona-areas[b-7byb8ka42z] {
        width: 120px;
        height: 120px;
    }

    .dona-areas > div[b-7byb8ka42z] {
        width: 70px;
        height: 70px;
    }

    .dona-areas strong[b-7byb8ka42z] {
        font-size: 1.05rem;
    }

    .leyenda-areas[b-7byb8ka42z],
    .barras-areas[b-7byb8ka42z] {
        gap: .45rem;
    }
}

@media (max-width: 370px) {
    .barra-periodo[b-7byb8ka42z] {
        align-items: stretch;
        flex-direction: column;
    }

    .selector-periodo[b-7byb8ka42z] {
        flex-basis: auto;
    }

    .panel-grafico > header[b-7byb8ka42z] {
        flex-wrap: wrap;
    }

    .acciones-grafico[b-7byb8ka42z],
    .boton-exportar-excel[b-7byb8ka42z] {
        width: 100%;
    }
}
/* /Components/Pages/Combustible/ResumenAreasCombustible.razor.rz.scp.css */
.resumen-areas[b-cjzbbgp43a] {
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.resumen-areas > header[b-cjzbbgp43a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie-secundaria);
}

.resumen-areas > header div[b-cjzbbgp43a] { display: grid; gap: .2rem; }
.resumen-areas > header span[b-cjzbbgp43a] { color: var(--color-texto-secundario); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.resumen-areas > header h2[b-cjzbbgp43a] { margin: 0; font-size: 1.05rem; }
.resumen-areas > header > strong[b-cjzbbgp43a] { color: var(--color-primario); font-size: 1.35rem; }

.tabla-resumen[b-cjzbbgp43a] { overflow-x: auto; }
.tabla-resumen table[b-cjzbbgp43a] { width: 100%; border-collapse: collapse; }
.tabla-resumen th[b-cjzbbgp43a],
.tabla-resumen td[b-cjzbbgp43a] { padding: .8rem 1rem; border-bottom: 1px solid var(--color-borde); text-align: right; white-space: nowrap; }
.tabla-resumen th:first-child[b-cjzbbgp43a],
.tabla-resumen td:first-child[b-cjzbbgp43a] { text-align: left; }
.tabla-resumen thead th[b-cjzbbgp43a] { color: var(--color-texto-secundario); font-size: .74rem; }
.tabla-resumen tbody td[b-cjzbbgp43a] { font-size: .82rem; }
.tabla-resumen .total-area[b-cjzbbgp43a] { color: var(--color-primario); font-weight: 800; }
.tabla-resumen tfoot th[b-cjzbbgp43a] { border-bottom: 0; background: var(--color-superficie-secundaria); font-size: .8rem; }

.estado-resumen[b-cjzbbgp43a],
.error-resumen[b-cjzbbgp43a] { padding: 2rem 1rem; color: var(--color-texto-secundario); text-align: center; }
.error-resumen[b-cjzbbgp43a] { color: var(--color-error-texto); }

@media (max-width: 620px) {
    .resumen-areas > header[b-cjzbbgp43a] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/Combustible/SeccionAlertas.razor.rz.scp.css */
.panel-alertas[b-1wipgknmvn] {
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.panel-alertas > header[b-1wipgknmvn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    min-height: 68px;
    padding: .8rem .9rem;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie-secundaria);
}

.panel-alertas > header > div[b-1wipgknmvn] {
    display: grid;
    gap: .15rem;
}

.panel-alertas h3[b-1wipgknmvn] {
    margin: 0;
    color: var(--color-texto);
    font-size: .88rem;
}

.panel-alertas header span[b-1wipgknmvn] {
    color: var(--color-texto-secundario);
    font-size: .68rem;
}

.cantidad-indicadores[b-1wipgknmvn] {
    padding: .2rem .4rem;
    border-radius: 999px;
    background: var(--color-superficie);
    white-space: nowrap;
}

.lista-indicadores[b-1wipgknmvn] {
    display: grid;
}

.lista-indicadores > div[b-1wipgknmvn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    min-height: 53px;
    padding: .65rem .9rem;
    border-bottom: 1px solid var(--color-borde);
}

.lista-indicadores > div:last-child[b-1wipgknmvn] {
    border-bottom: 0;
}

.indicador-descripcion[b-1wipgknmvn] {
    display: grid;
    gap: .16rem;
}

.indicador-descripcion span[b-1wipgknmvn] {
    color: var(--color-texto-secundario);
    font-size: .76rem;
}

.indicador-descripcion small[b-1wipgknmvn] {
    color: var(--color-texto-secundario);
    font-size: .66rem;
    opacity: .86;
}

.lista-indicadores strong[b-1wipgknmvn] {
    min-width: 88px;
    padding: .25rem .45rem;
    border-radius: 7px;
    background: var(--color-superficie-secundaria);
    color: var(--color-texto);
    font-size: .7rem;
    text-align: center;
}

.panel-alertas.consumo[b-1wipgknmvn] { border-top: 4px solid #356f8a; }

.panel-alertas.uso[b-1wipgknmvn] {
    border-color: #edc6c9;
    border-top: 4px solid #c94e57;
}

.panel-alertas.uso > header[b-1wipgknmvn] {
    border-bottom-color: #edc6c9;
    background: #fdf0f1;
}

.panel-alertas.uso .cantidad-indicadores[b-1wipgknmvn],
.panel-alertas.uso .lista-indicadores strong[b-1wipgknmvn] {
    border: 1px solid #edc6c9;
    background: #f9dfe1;
    color: #842c33;
}

.panel-alertas.frecuencia[b-1wipgknmvn] {
    border-color: #ead39a;
    border-top: 4px solid #d5a326;
}

.panel-alertas.frecuencia > header[b-1wipgknmvn] {
    border-bottom-color: #ead39a;
    background: #fff8e5;
}

.panel-alertas.frecuencia .cantidad-indicadores[b-1wipgknmvn],
.panel-alertas.frecuencia .lista-indicadores strong[b-1wipgknmvn] {
    border: 1px solid #ead39a;
    background: #fff0c8;
    color: #72520b;
}

.panel-alertas .cantidad-indicadores.resumen-correcto[b-1wipgknmvn] {
    border: 1px solid #b9ddc8;
    background: #eaf7ef;
    color: #227746;
}

.panel-alertas .cantidad-indicadores.resumen-pendiente[b-1wipgknmvn] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
}

.panel-alertas .lista-indicadores .indicador-correcto strong[b-1wipgknmvn] {
    border: 1px solid #b9ddc8;
    background: #eaf7ef;
    color: #227746;
}

.panel-alertas .lista-indicadores .indicador-pendiente strong[b-1wipgknmvn] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
}
/* /Components/Pages/Combustible/SelectorFechaCalendario.razor.rz.scp.css */
.selector-fecha[b-we4p0kbfjv] {
    display: grid;
    gap: .3rem;
    min-width: 180px;
    position: relative;
}

.selector-fecha > label[b-we4p0kbfjv] {
    color: var(--color-texto-secundario);
    font-size: .72rem;
    font-weight: 800;
}

.campo-fecha[b-we4p0kbfjv] {
    align-items: center;
    background: var(--color-superficie);
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    color: var(--color-texto);
    display: flex;
    font: inherit;
    justify-content: space-between;
    min-height: 40px;
    padding: .55rem .7rem;
}

.campo-fecha:disabled[b-we4p0kbfjv] {
    cursor: not-allowed;
    opacity: .65;
}

.icono-calendario[b-we4p0kbfjv] {
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.calendario[b-we4p0kbfjv] {
    background: var(--color-superficie);
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    box-shadow: 0 14px 36px rgba(38, 25, 20, .18);
    left: 0;
    padding: .7rem;
    position: absolute;
    top: calc(100% + .3rem);
    width: 292px;
    z-index: 40;
}

.calendario header[b-we4p0kbfjv],
.calendario footer[b-we4p0kbfjv] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.calendario header button[b-we4p0kbfjv],
.calendario footer button[b-we4p0kbfjv],
.dias-mes button[b-we4p0kbfjv] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: var(--color-texto);
}

.calendario header button[b-we4p0kbfjv] {
    font-size: 1.5rem;
    height: 34px;
    width: 34px;
}

.dias-semana[b-we4p0kbfjv],
.dias-mes[b-we4p0kbfjv] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.dias-semana[b-we4p0kbfjv] {
    color: var(--color-texto-secundario);
    font-size: .68rem;
    font-weight: 800;
    margin-top: .55rem;
    text-align: center;
}

.dias-mes[b-we4p0kbfjv] {
    gap: 2px;
    margin: .3rem 0 .55rem;
}

.dias-mes button[b-we4p0kbfjv] {
    aspect-ratio: 1;
    font-size: .78rem;
}

.dias-mes button:hover[b-we4p0kbfjv],
.calendario header button:hover[b-we4p0kbfjv],
.calendario footer button:hover[b-we4p0kbfjv] {
    background: var(--color-superficie-secundaria);
}

.dias-mes .otro-mes[b-we4p0kbfjv] { color: var(--color-texto-secundario); opacity: .55; }
.dias-mes .hoy[b-we4p0kbfjv] { outline: 1px solid var(--color-primario); }
.dias-mes .seleccionado[b-we4p0kbfjv] { background: var(--color-primario); color: #fff; font-weight: 800; }
.calendario footer[b-we4p0kbfjv] { border-top: 1px solid var(--color-borde); padding-top: .55rem; }
.calendario footer button[b-we4p0kbfjv] { color: var(--color-primario); font-size: .74rem; font-weight: 800; padding: .35rem .5rem; }
/* /Components/Pages/Combustible/VehiculosCombustible.razor.rz.scp.css */
.panel-vehiculos[b-uy07hd93t1] { overflow: hidden; margin-bottom: 14px; border: 1px solid var(--color-borde); border-radius: 14px; background: var(--color-superficie); }
.cabecera-panel[b-uy07hd93t1] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-suave); }
h2[b-uy07hd93t1] { margin: 0; font-size: .98rem; }
.tabla-responsive[b-uy07hd93t1] { overflow-x: auto; }
table[b-uy07hd93t1] { width: 100%; border-collapse: collapse; }
th[b-uy07hd93t1], td[b-uy07hd93t1] { padding: 9px 10px; border-bottom: 1px solid var(--color-borde); text-align: left; vertical-align: middle; white-space: nowrap; }
th[b-uy07hd93t1] { color: var(--color-texto-secundario); font-size: .68rem; text-transform: uppercase; }
td[b-uy07hd93t1] { font-size: .8rem; }
td small[b-uy07hd93t1], label small[b-uy07hd93t1] { display: block; margin-top: 3px; color: var(--color-texto-secundario); }
.acciones[b-uy07hd93t1] { display: flex; gap: 6px; }
.clasificacion-unidad small[b-uy07hd93t1] { max-width: 190px; overflow: hidden; text-overflow: ellipsis; }
.tabla-unidades th:last-child[b-uy07hd93t1] { position: sticky; right: 0; z-index: 2; min-width: 88px; background: var(--color-superficie); }
.tabla-unidades .acciones-unidad[b-uy07hd93t1] { position: sticky; right: 0; z-index: 1; justify-content: center; min-width: 88px; background: var(--color-superficie); }
.boton-accion-unidad[b-uy07hd93t1] { display: inline-grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie); color: var(--color-texto-secundario); cursor: pointer; transition: border-color .15s ease, background .15s ease, color .15s ease; }
.boton-accion-unidad svg[b-uy07hd93t1] { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.boton-editar-unidad:hover[b-uy07hd93t1] { border-color: var(--color-primario); background: color-mix(in srgb, var(--color-primario) 9%, var(--color-superficie)); color: var(--color-primario); }
.boton-desactivar-unidad:hover[b-uy07hd93t1] { border-color: var(--color-error, #b42318); background: color-mix(in srgb, var(--color-error, #b42318) 9%, var(--color-superficie)); color: var(--color-error, #b42318); }
.boton-activar-unidad:hover[b-uy07hd93t1] { border-color: var(--color-exito, #198754); background: color-mix(in srgb, var(--color-exito, #198754) 9%, var(--color-superficie)); color: var(--color-exito, #198754); }
.boton-accion-unidad:focus-visible[b-uy07hd93t1] { outline: 2px solid var(--color-primario); outline-offset: 2px; }
.celda-indicador[b-uy07hd93t1] { text-align: center; }
.indicador-tabla[b-uy07hd93t1] { display: inline-grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; font-size: .78rem; font-weight: 800; }
.indicador-tabla svg[b-uy07hd93t1], .boton-indicador-relacion svg[b-uy07hd93t1] { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.indicador-correcto[b-uy07hd93t1] { background: color-mix(in srgb, var(--color-exito, #198754) 14%, transparent); color: var(--color-exito, #198754); }
.indicador-pendiente[b-uy07hd93t1] { background: color-mix(in srgb, var(--color-advertencia, #b26a00) 14%, transparent); color: var(--color-advertencia, #9a5b00); }
.indicador-neutro[b-uy07hd93t1] { color: var(--color-texto-secundario); }
.lista-indicadores-relacion[b-uy07hd93t1] { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.boton-indicador-relacion[b-uy07hd93t1] { display: inline-flex; align-items: center; gap: 4px; min-height: 30px; padding: 4px 7px; border: 1px solid var(--color-advertencia-borde, #e4b83f); border-radius: 999px; background: var(--color-superficie-suave); color: var(--color-texto); font: inherit; font-size: .7rem; font-weight: 800; cursor: pointer; }
.boton-indicador-relacion:hover[b-uy07hd93t1] { border-color: var(--color-advertencia, #b26a00); }
.boton-indicador-relacion:focus-visible[b-uy07hd93t1] { outline: 2px solid var(--color-primario); outline-offset: 2px; }
.boton-indicador-relacion:disabled[b-uy07hd93t1] { cursor: wait; opacity: .65; }
.estado-vacio[b-uy07hd93t1] { margin: 0; padding: 16px; color: var(--color-texto-secundario); }
.descripcion-alias[b-uy07hd93t1] { margin: 0; padding: 12px 16px 0; color: var(--color-texto-secundario); font-size: .76rem; }
.confirmacion-eliminar-alias[b-uy07hd93t1] { padding: 16px; border-color: var(--color-error-borde, #e8a4a4); }
.confirmacion-eliminar-alias p[b-uy07hd93t1] { margin: 8px 0 0; color: var(--color-texto-secundario); font-size: .78rem; }
.pendientes[b-uy07hd93t1] { border-color: var(--color-advertencia-borde, #e4b83f); }
.lista-pendientes[b-uy07hd93t1] { display: flex; flex-wrap: wrap; gap: 8px; padding: 13px 16px; }
.lista-pendientes article[b-uy07hd93t1] { display: flex; align-items: center; gap: 8px; padding: 6px 7px 6px 9px; border-radius: 8px; background: var(--color-superficie-suave); font-size: .78rem; }
.formulario-omision[b-uy07hd93t1] { padding: 16px; }
.formulario-omision > p[b-uy07hd93t1] { margin: 8px 0 0; color: var(--color-texto-secundario); font-size: .78rem; }
.formulario-omision form[b-uy07hd93t1] { max-width: 760px; }
.formulario-omision textarea[b-uy07hd93t1] { min-height: 82px; resize: vertical; }
.motivo-omision[b-uy07hd93t1] { max-width: 460px; white-space: normal; }
.opcion-carga-estanque[b-uy07hd93t1] { grid-template-columns: auto 1fr; align-content: center; }
.opcion-carga-estanque input[b-uy07hd93t1] { width: auto; min-height: auto; }
.opcion-carga-estanque small[b-uy07hd93t1] { grid-column: 1 / -1; }
.campo-descripcion[b-uy07hd93t1], .campo-observacion[b-uy07hd93t1] { grid-column: 1 / -1; }
.campo-descripcion textarea[b-uy07hd93t1], .campo-observacion textarea[b-uy07hd93t1] { min-height: 72px; resize: vertical; }
.campo-observacion textarea[b-uy07hd93t1] { min-height: 82px; }
.formulario-vehiculo[b-uy07hd93t1] { padding: 16px; }
form[b-uy07hd93t1] { display: grid; gap: 15px; margin-top: 14px; }
.rejilla-formulario[b-uy07hd93t1] { display: grid; grid-template-columns: repeat(3, minmax(220px, 1fr)); gap: 13px; }
label[b-uy07hd93t1] { display: grid; align-content: start; gap: 6px; font-size: .78rem; font-weight: 700; }
input[b-uy07hd93t1], select[b-uy07hd93t1], textarea[b-uy07hd93t1] { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie); color: var(--color-texto); font: inherit; }
.identificador[b-uy07hd93t1] { text-transform: uppercase; }
.dato-solo-lectura[b-uy07hd93t1] { display: grid; align-content: start; gap: 6px; min-height: 40px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie-suave); }
.dato-solo-lectura span[b-uy07hd93t1] { font-size: .78rem; font-weight: 700; }
.dato-solo-lectura strong[b-uy07hd93t1] { font-size: .84rem; }
.dato-solo-lectura small[b-uy07hd93t1] { color: var(--color-texto-secundario); font-size: .72rem; }
.acciones-formulario[b-uy07hd93t1] { display: flex; justify-content: flex-end; gap: 8px; }
@media (max-width: 850px) { .rejilla-formulario[b-uy07hd93t1] { grid-template-columns: 1fr; } }
@media (max-width: 900px) {
    .tabla-unidades[b-uy07hd93t1] { overflow: visible; padding: 12px; }
    .tabla-unidades table[b-uy07hd93t1], .tabla-unidades tbody[b-uy07hd93t1] { display: block; }
    .tabla-unidades thead[b-uy07hd93t1] { display: none; }
    .tabla-unidades tr[b-uy07hd93t1] { display: block; margin-bottom: 10px; padding: 6px 12px; border: 1px solid var(--color-borde); border-radius: 12px; background: var(--color-superficie); }
    .tabla-unidades tr:last-child[b-uy07hd93t1] { margin-bottom: 0; }
    .tabla-unidades td[b-uy07hd93t1] { display: grid; grid-template-columns: minmax(125px, .8fr) minmax(0, 1.2fr); gap: 10px; padding: 8px 0; white-space: normal; }
    .tabla-unidades td[b-uy07hd93t1]::before { content: attr(data-label); color: var(--color-texto-secundario); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
    .tabla-unidades td:last-child[b-uy07hd93t1] { border-bottom: 0; }
    .tabla-unidades .acciones-unidad[b-uy07hd93t1] { display: flex; justify-content: flex-end; }
    .tabla-unidades .acciones-unidad[b-uy07hd93t1]::before { content: none; }
}
@media (max-width: 600px) {
    .cabecera-panel[b-uy07hd93t1], .acciones[b-uy07hd93t1] { align-items: stretch; flex-direction: column; }
    .tabla-unidades .acciones-unidad[b-uy07hd93t1] { display: flex; }
}
/* /Components/Pages/Configuracion/AreasCombustible.razor.rz.scp.css */
.combustible-mantenedor[b-okaxxf8c4b] { display: grid; gap: 14px; }
.panel-combustible[b-okaxxf8c4b] { overflow: hidden; border: 1px solid var(--color-borde); border-radius: 14px; background: var(--color-superficie); }
.cabecera-panel-combustible[b-okaxxf8c4b] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-suave); }
h2[b-okaxxf8c4b] { margin: 0; color: var(--color-oscuro); font-size: .98rem; }
.tabla-combustible[b-okaxxf8c4b] { overflow-x: auto; }
table[b-okaxxf8c4b] { width: 100%; border-collapse: collapse; }
th[b-okaxxf8c4b], td[b-okaxxf8c4b] { padding: 10px 13px; border-bottom: 1px solid var(--color-borde); text-align: left; }
th[b-okaxxf8c4b] { color: var(--color-texto-secundario); font-size: .7rem; text-transform: uppercase; }
.acciones-tabla[b-okaxxf8c4b] { display: flex; justify-content: flex-end; gap: 6px; }
.estado-combustible[b-okaxxf8c4b] { margin: 0; padding: 16px; color: var(--color-texto-secundario); }
.formulario-panel[b-okaxxf8c4b] { max-width: 520px; padding: 16px; }
form[b-okaxxf8c4b], label[b-okaxxf8c4b] { display: grid; gap: 7px; }
form[b-okaxxf8c4b] { margin-top: 14px; gap: 13px; }
input[b-okaxxf8c4b], select[b-okaxxf8c4b] { min-height: 40px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie); color: var(--color-texto); }
.muestra-color[b-okaxxf8c4b] { display: inline-block; width: 22px; height: 22px; margin-right: 8px; border: 1px solid var(--color-borde); border-radius: 6px; vertical-align: middle; }
.selector-color[b-okaxxf8c4b] { display: grid; grid-template-columns: 52px 1fr; gap: 9px; }
.selector-color input[type="color"][b-okaxxf8c4b] { width: 52px; padding: 3px; cursor: pointer; }
.acciones-formulario[b-okaxxf8c4b] { display: flex; justify-content: flex-end; gap: 8px; }
@media (max-width: 650px) { .cabecera-panel-combustible[b-okaxxf8c4b], .acciones-tabla[b-okaxxf8c4b] { align-items: stretch; flex-direction: column; } }
/* /Components/Pages/Configuracion/CategoriasVehiculosCombustible.razor.rz.scp.css */
.categorias-mantenedor[b-9gvvg4gf8r] { display: grid; gap: 14px; }
.panel-categorias[b-9gvvg4gf8r] { overflow: hidden; border: 1px solid var(--color-borde); border-radius: 14px; background: var(--color-superficie); }
.cabecera-panel[b-9gvvg4gf8r] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-suave); }
h2[b-9gvvg4gf8r] { margin: 0; color: var(--color-oscuro); font-size: .98rem; }
.tabla-categorias[b-9gvvg4gf8r] { overflow-x: auto; }
table[b-9gvvg4gf8r] { width: 100%; border-collapse: collapse; }
th[b-9gvvg4gf8r], td[b-9gvvg4gf8r] { padding: 10px 13px; border-bottom: 1px solid var(--color-borde); text-align: left; }
th[b-9gvvg4gf8r] { color: var(--color-texto-secundario); font-size: .7rem; text-transform: uppercase; }
.acciones-tabla[b-9gvvg4gf8r] { display: flex; justify-content: flex-end; gap: 6px; }
.estado-categorias[b-9gvvg4gf8r] { margin: 0; padding: 16px; color: var(--color-texto-secundario); }
.formulario-panel[b-9gvvg4gf8r] { max-width: 620px; padding: 16px; }
form[b-9gvvg4gf8r], label[b-9gvvg4gf8r] { display: grid; gap: 7px; }
form[b-9gvvg4gf8r] { margin-top: 14px; gap: 13px; }
input[b-9gvvg4gf8r], textarea[b-9gvvg4gf8r], select[b-9gvvg4gf8r] { min-height: 40px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie); color: var(--color-texto); }
textarea[b-9gvvg4gf8r] { resize: vertical; }
.acciones-formulario[b-9gvvg4gf8r] { display: flex; justify-content: flex-end; gap: 8px; }
@media (max-width: 650px) { .cabecera-panel[b-9gvvg4gf8r], .acciones-tabla[b-9gvvg4gf8r] { align-items: stretch; flex-direction: column; } }
/* /Components/Pages/Configuracion/DiagnosticoNotificaciones.razor.rz.scp.css */
.diagnostico-cabecera[b-s03c7lqekh],
.encabezado-fallas[b-s03c7lqekh],
.tarjeta-cola header[b-s03c7lqekh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.diagnostico-cabecera[b-s03c7lqekh] {
    margin-bottom: 14px;
}

.diagnostico-cabecera h2[b-s03c7lqekh],
.encabezado-fallas h2[b-s03c7lqekh],
.tarjeta-cola h2[b-s03c7lqekh] {
    margin: 0;
    font-size: var(--fuente-titulo-seccion);
    line-height: 1.2;
}

.diagnostico-cabecera p[b-s03c7lqekh],
.encabezado-fallas p[b-s03c7lqekh] {
    margin: 3px 0 0;
    color: var(--color-texto-secundario);
}

.grilla-colas[b-s03c7lqekh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.tarjeta-cola[b-s03c7lqekh],
.panel-fallas[b-s03c7lqekh] {
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-panel);
    background: var(--color-superficie);
}

.tarjeta-cola[b-s03c7lqekh] {
    padding: 15px;
}

.etiqueta-canal[b-s03c7lqekh] {
    display: block;
    margin-bottom: 3px;
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.estado-cola[b-s03c7lqekh],
.canal-falla[b-s03c7lqekh] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: var(--radio-circular);
    font-size: 0.75rem;
    font-weight: 750;
    white-space: nowrap;
}

.estado-correcto[b-s03c7lqekh] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.estado-error[b-s03c7lqekh] {
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.metricas-cola[b-s03c7lqekh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 14px 0 10px;
}

.metricas-cola div[b-s03c7lqekh] {
    padding: 9px;
    border-radius: var(--radio-control);
    background: var(--color-superficie-suave);
}

.metricas-cola dt[b-s03c7lqekh] {
    color: var(--color-texto-secundario);
    font-size: 0.74rem;
}

.metricas-cola dd[b-s03c7lqekh] {
    margin: 2px 0 0;
    font-size: 1.25rem;
    font-weight: 800;
}

.antiguedad-cola[b-s03c7lqekh] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
}

.panel-fallas[b-s03c7lqekh] {
    margin-top: 14px;
    padding: 15px;
}

.fecha-consulta[b-s03c7lqekh] {
    color: var(--color-texto-secundario);
    font-size: 0.78rem;
    white-space: nowrap;
}

.estado-carga[b-s03c7lqekh],
.estado-sin-fallas[b-s03c7lqekh],
.mensaje-error[b-s03c7lqekh] {
    padding: 14px;
    border-radius: var(--radio-control);
}

.estado-carga[b-s03c7lqekh],
.estado-sin-fallas[b-s03c7lqekh] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto-secundario);
}

.estado-sin-fallas[b-s03c7lqekh] {
    margin-top: 14px;
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.mensaje-error[b-s03c7lqekh] {
    border: 1px solid var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.tabla-responsive[b-s03c7lqekh] {
    margin-top: 14px;
    overflow-x: auto;
}

.tabla-fallas[b-s03c7lqekh] {
    width: 100%;
    min-width: 880px;
    border-collapse: collapse;
    font-size: 0.84rem;
}

.tabla-fallas th[b-s03c7lqekh],
.tabla-fallas td[b-s03c7lqekh] {
    padding: 9px 8px;
    border-bottom: 1px solid var(--color-borde);
    text-align: left;
    vertical-align: top;
}

.tabla-fallas th[b-s03c7lqekh] {
    color: var(--color-texto-secundario);
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tabla-fallas small[b-s03c7lqekh] {
    display: block;
    margin-top: 2px;
    color: var(--color-texto-secundario);
}

.canal-falla[b-s03c7lqekh] {
    min-height: 23px;
    padding: 2px 8px;
    background: var(--color-primario-superficie);
    color: var(--color-primario-hover);
}

details summary[b-s03c7lqekh] {
    color: var(--color-accion);
    font-weight: 700;
    cursor: pointer;
}

details p[b-s03c7lqekh] {
    width: min(380px, 70vw);
    margin: 7px 0 0;
    color: var(--color-error-texto);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

@media (max-width: 720px) {
    .diagnostico-cabecera[b-s03c7lqekh],
    .encabezado-fallas[b-s03c7lqekh] {
        align-items: stretch;
        flex-direction: column;
        gap: 9px;
    }

    .diagnostico-cabecera .btn[b-s03c7lqekh] {
        width: 100%;
    }

    .grilla-colas[b-s03c7lqekh] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .tarjeta-cola[b-s03c7lqekh],
    .panel-fallas[b-s03c7lqekh] {
        padding: 10px;
    }

    .metricas-cola[b-s03c7lqekh] {
        margin: 9px 0 7px;
    }

    .fecha-consulta[b-s03c7lqekh] {
        white-space: normal;
    }
}

@media (max-width: 420px) {
    .tarjeta-cola header[b-s03c7lqekh] {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .metricas-cola div[b-s03c7lqekh] {
        padding: 8px 6px;
    }

    .metricas-cola dt[b-s03c7lqekh] {
        font-size: 0.68rem;
    }
}
/* /Components/Pages/Configuracion/EditarUsuario.razor.rz.scp.css */
.seccion-alertas-admin h3[b-i2tq9zlafp] {
    margin: 0 0 8px;
}

.seccion-alcance-excel h3[b-i2tq9zlafp] {
    margin: 0 0 8px;
}

.lista-areas-excel[b-i2tq9zlafp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 8px 16px;
    margin: 14px 0;
    padding: 14px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie-suave);
}

.aviso-alcance-excel[b-i2tq9zlafp] {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-left: 4px solid #d68b1f;
    background: #fff6e7;
    color: #754b0b;
}

.correo-alertas-admin[b-i2tq9zlafp] {
    margin: 14px 0;
    padding: 11px 13px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie-suave);
    color: var(--color-texto-secundario);
    overflow-wrap: anywhere;
}

.lista-alertas-admin[b-i2tq9zlafp] {
    display: grid;
    gap: 10px;
    margin: 0 0 16px;
}

.opcion-alerta-admin[b-i2tq9zlafp] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 13px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    cursor: pointer;
}

.opcion-alerta-admin input[b-i2tq9zlafp] {
    margin-top: 3px;
}

.opcion-alerta-admin span[b-i2tq9zlafp] {
    display: grid;
    gap: 3px;
}

.opcion-alerta-admin small[b-i2tq9zlafp] {
    color: var(--color-texto-secundario);
    line-height: 1.4;
}

.seccion-preferencias-notificacion-admin h3[b-i2tq9zlafp] {
    margin: 0 0 8px;
}

.encabezado-preferencias-notificacion-admin[b-i2tq9zlafp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.encabezado-preferencias-notificacion-admin .ayuda-admin[b-i2tq9zlafp] {
    margin-bottom: 0;
}

.interruptor-notificacion-admin[b-i2tq9zlafp],
.canales-notificacion-admin label[b-i2tq9zlafp],
.dias-notificacion-admin label[b-i2tq9zlafp] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.interruptor-notificacion-admin[b-i2tq9zlafp] {
    flex: 0 0 auto;
    padding: 10px 14px;
    border: 1px solid var(--color-borde);
    border-radius: 999px;
    background: var(--color-superficie-suave);
    font-weight: 700;
}

.estado-dispositivos-admin[b-i2tq9zlafp] {
    margin: 14px 0;
    padding: 11px 13px;
    border-left: 3px solid var(--color-primario, #df3f0b);
    background: var(--color-superficie-suave);
    color: var(--color-texto-secundario);
}

.horario-notificacion-admin[b-i2tq9zlafp] {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.horario-notificacion-admin label[b-i2tq9zlafp],
.criticidad-notificacion-admin[b-i2tq9zlafp] {
    display: grid;
    gap: 7px;
    font-weight: 600;
}

.horario-notificacion-admin select[b-i2tq9zlafp],
.horario-notificacion-admin input[b-i2tq9zlafp] {
    width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    color: inherit;
}

.preferencias-individuales-admin[b-i2tq9zlafp],
.dias-notificacion-admin[b-i2tq9zlafp] {
    margin: 0 0 16px;
    padding: 0;
    border: 0;
}

.preferencias-individuales-admin legend[b-i2tq9zlafp],
.dias-notificacion-admin legend[b-i2tq9zlafp] {
    margin-bottom: 10px;
    font-weight: 700;
}

.preferencias-individuales-admin[b-i2tq9zlafp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 10px;
}

.preferencias-individuales-admin legend[b-i2tq9zlafp] {
    grid-column: 1 / -1;
}

.preferencia-notificacion-admin[b-i2tq9zlafp] {
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 14px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
}

.preferencia-notificacion-admin small[b-i2tq9zlafp] {
    color: var(--color-texto-secundario);
    line-height: 1.4;
}

.canales-notificacion-admin[b-i2tq9zlafp],
.dias-notificacion-admin[b-i2tq9zlafp] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.canales-notificacion-admin label[b-i2tq9zlafp],
.dias-notificacion-admin label[b-i2tq9zlafp] {
    padding: 8px 12px;
    border: 1px solid var(--color-borde);
    border-radius: 999px;
}

.criticidad-notificacion-admin input[b-i2tq9zlafp] {
    width: 100%;
}

@media (max-width: 760px) {
    .encabezado-preferencias-notificacion-admin[b-i2tq9zlafp] {
        display: grid;
    }

    .interruptor-notificacion-admin[b-i2tq9zlafp] {
        justify-self: start;
    }

    .horario-notificacion-admin[b-i2tq9zlafp] {
        grid-template-columns: 1fr;
    }
}

.seccion-eliminar-usuario[b-i2tq9zlafp] {
    padding: 16px;
    border: 1px solid var(--color-error, #b42318);
    border-radius: 9px;
}

.seccion-eliminar-usuario h3[b-i2tq9zlafp] {
    margin-top: 0;
}

.confirmacion-eliminar-usuario[b-i2tq9zlafp] {
    display: grid;
    gap: 12px;
}
/* /Components/Pages/Configuracion/EtiquetasClientesPacking.razor.rz.scp.css */
.mantenedor-etiquetas[b-huucrromde] {
    display: grid;
    gap: 10px;
}

.panel-etiqueta-cliente[b-huucrromde],
.listado-etiquetas[b-huucrromde] {
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.panel-etiqueta-cliente > header[b-huucrromde],
.listado-etiquetas > header[b-huucrromde] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie-suave);
}

.panel-etiqueta-cliente h2[b-huucrromde],
.listado-etiquetas h2[b-huucrromde] {
    margin: 0;
    color: var(--color-oscuro);
    font-size: .94rem;
}

.panel-etiqueta-cliente header p[b-huucrromde],
.listado-etiquetas header p[b-huucrromde] {
    margin: 2px 0 0;
    color: var(--color-texto-secundario);
    font-size: .74rem;
}

.formulario-carga[b-huucrromde] {
    display: grid;
    grid-template-columns: minmax(220px, 1.3fr) minmax(210px, 1fr) minmax(200px, 1fr) auto;
    gap: 8px;
    align-items: end;
    padding: 10px 12px;
}

.campo-cliente[b-huucrromde],
.campo-producto[b-huucrromde],
.campo-archivo[b-huucrromde],
.cambiar-imagen[b-huucrromde] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.campo-cliente > span[b-huucrromde],
.campo-producto > span[b-huucrromde],
.campo-archivo > span[b-huucrromde],
.cambiar-imagen > span[b-huucrromde] {
    color: var(--color-texto-secundario);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.campo-cliente select[b-huucrromde],
.campo-producto select[b-huucrromde],
.campo-archivo input[b-huucrromde],
.cambiar-imagen input[b-huucrromde] {
    width: 100%;
    min-height: 38px;
    padding: 6px 9px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-oscuro);
    font: inherit;
    font-size: .82rem;
}

.boton-guardar[b-huucrromde],
.boton-quitar[b-huucrromde],
.boton-cancelar[b-huucrromde],
.boton-confirmar-quitar[b-huucrromde] {
    min-height: 38px;
    padding: 7px 12px;
    border-radius: 8px;
    font: inherit;
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
}

.boton-guardar[b-huucrromde] {
    border: 1px solid var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.boton-quitar[b-huucrromde],
.boton-confirmar-quitar[b-huucrromde] {
    border: 1px solid var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.boton-cancelar[b-huucrromde] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto);
}

button:disabled[b-huucrromde] {
    cursor: not-allowed;
    opacity: .5;
}

.resumen-carga[b-huucrromde] {
    display: flex;
    gap: 8px;
    align-items: center;
    min-height: 29px;
    padding: 0 12px 9px;
    color: var(--color-texto-secundario);
    font-size: .74rem;
}

.resumen-carga .configurado[b-huucrromde] {
    color: var(--color-exito-texto);
    font-weight: 800;
}

.resumen-carga button[b-huucrromde] {
    padding: 2px 7px;
    border: 0;
    background: transparent;
    color: var(--color-primario);
    font: inherit;
    font-weight: 850;
    text-decoration: underline;
    cursor: pointer;
}

.resumen-carga strong[b-huucrromde] {
    overflow: hidden;
    color: var(--color-primario);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mensaje-exito[b-huucrromde],
.mensaje-error[b-huucrromde] {
    padding: 8px 10px;
    border: 1px solid;
    border-radius: 8px;
    font-size: .78rem;
}

.mensaje-exito[b-huucrromde] {
    border-color: var(--color-exito-borde);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.mensaje-error[b-huucrromde] {
    border-color: var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.listado-etiquetas > header > strong[b-huucrromde] {
    min-width: 34px;
    padding: 4px 8px;
    border-radius: 8px;
    background: var(--color-primario-superficie);
    color: var(--color-primario);
    font-size: .76rem;
    text-align: center;
}

.contenedor-tabla[b-huucrromde] {
    width: 100%;
    overflow-x: auto;
}

.tabla-etiquetas[b-huucrromde] {
    width: 100%;
    min-width: 860px;
    border-spacing: 0;
    border-collapse: separate;
    color: var(--color-texto);
    font-size: .78rem;
}

.tabla-etiquetas th[b-huucrromde],
.tabla-etiquetas td[b-huucrromde] {
    padding: 7px 9px;
    border-right: 1px solid var(--color-borde);
    border-bottom: 1px solid var(--color-borde);
    text-align: left;
    vertical-align: middle;
}

.tabla-etiquetas th[b-huucrromde] {
    background: var(--color-oscuro);
    color: var(--color-blanco);
    font-size: .7rem;
    white-space: nowrap;
}

.tabla-etiquetas tbody tr:last-child td[b-huucrromde] {
    border-bottom: 0;
}

.tabla-etiquetas th:last-child[b-huucrromde],
.tabla-etiquetas td:last-child[b-huucrromde] {
    position: sticky;
    right: 0;
    border-right: 0;
    text-align: center;
}

.tabla-etiquetas td:last-child[b-huucrromde] {
    background: var(--color-superficie);
}

.tabla-etiquetas tbody tr:hover td[b-huucrromde],
.tabla-etiquetas tbody tr:hover td:last-child[b-huucrromde] {
    background: var(--color-primario-superficie);
}

.tabla-etiquetas td small[b-huucrromde] {
    display: block;
    color: var(--color-texto-secundario);
    font-size: .68rem;
}

.tabla-vacia[b-huucrromde] {
    padding: 18px !important;
    color: var(--color-texto-secundario);
    text-align: center !important;
}

.columna-codigo[b-huucrromde] {
    width: 74px;
}

.boton-ver-codigo[b-huucrromde] {
    display: inline-grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-primario);
    cursor: pointer;
}

.boton-ver-codigo:hover[b-huucrromde],
.boton-ver-codigo:focus-visible[b-huucrromde] {
    border-color: var(--color-primario);
    background: var(--color-primario-superficie);
}

.boton-ver-codigo svg[b-huucrromde] {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.fondo-vista-previa[b-huucrromde] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    padding: 16px;
    place-items: center;
    background: var(--fondo-modal);
}

.vista-previa[b-huucrromde] {
    width: min(680px, 100%);
    max-height: calc(100dvh - 32px);
    overflow: auto;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.vista-previa > header[b-huucrromde] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 3px solid var(--color-primario);
    background: var(--color-oscuro);
    color: var(--color-blanco);
}

.vista-previa > header span[b-huucrromde] {
    color: var(--color-primario-suave);
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vista-previa > header h2[b-huucrromde] {
    margin: 1px 0 0;
    color: var(--color-blanco);
    font-size: 1rem;
}

.vista-previa > header small[b-huucrromde] {
    display: block;
    margin-top: 2px;
    color: var(--color-primario-suave);
    font-size: .7rem;
}

.boton-cerrar[b-huucrromde] {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(var(--color-blanco-rgb), .25);
    border-radius: 50%;
    background: rgba(var(--color-blanco-rgb), .08);
    color: var(--color-blanco);
    font: inherit;
    font-size: 1.2rem;
    cursor: pointer;
}

.contenido-vista-previa[b-huucrromde] {
    display: grid;
    gap: 9px;
    padding: 12px;
}

.imagen-codigo[b-huucrromde] {
    display: grid;
    min-height: 170px;
    padding: 10px;
    place-items: center;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-blanco);
}

.imagen-codigo img[b-huucrromde] {
    display: block;
    width: 100%;
    max-height: 300px;
    object-fit: contain;
}

.datos-codigo[b-huucrromde] {
    display: flex;
    gap: 10px;
    align-items: baseline;
    justify-content: space-between;
    color: var(--color-oscuro);
    font-size: .78rem;
}

.datos-codigo small[b-huucrromde] {
    color: var(--color-texto-secundario);
}

.cambiar-imagen strong[b-huucrromde] {
    overflow: hidden;
    color: var(--color-primario);
    font-size: .76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vista-previa > footer[b-huucrromde] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    justify-content: flex-end;
    padding: 9px 12px;
    border-top: 1px solid var(--color-borde);
}

.vista-previa > footer > span[b-huucrromde] {
    color: var(--color-error-texto);
    font-size: .76rem;
    font-weight: 750;
}

@media (max-width: 680px) {
    .formulario-carga[b-huucrromde] {
        grid-template-columns: 1fr;
    }

    .formulario-carga .boton-guardar[b-huucrromde] {
        width: 100%;
    }

    .fondo-vista-previa[b-huucrromde] {
        align-items: stretch;
        padding: 0;
    }

    .vista-previa[b-huucrromde] {
        width: 100%;
        max-height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .datos-codigo[b-huucrromde] {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }

    .vista-previa > footer button[b-huucrromde] {
        flex: 1;
    }
}
/* /Components/Pages/Configuracion/ImportarCombustible.razor.rz.scp.css */
.importador-combustible[b-34u1ghjvj2] {
    display: grid;
    gap: 12px;
    max-width: 760px;
}

.panel-importacion[b-34u1ghjvj2] {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.panel-importacion header h2[b-34u1ghjvj2] {
    margin: 0 0 3px;
    font-size: var(--fuente-titulo-seccion);
}

.panel-importacion header p[b-34u1ghjvj2] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.88rem;
}

.rango-importacion[b-34u1ghjvj2] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--color-borde);
    border-radius: 10px;
    background: var(--color-superficie-suave);
}

.campos-rango[b-34u1ghjvj2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.error-rango[b-34u1ghjvj2] {
    color: var(--color-error-texto);
    font-size: 0.87rem;
    font-weight: 700;
}

.control-archivo[b-34u1ghjvj2] {
    width: 100%;
    min-height: 42px;
    padding: 7px;
    border: 1px dashed var(--color-borde);
    border-radius: 10px;
    background: var(--color-superficie-suave);
}

.archivo-seleccionado[b-34u1ghjvj2] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 36px;
    gap: 10px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 10px;
}

.archivo-tipo[b-34u1ghjvj2] {
    display: grid;
    width: 40px;
    height: 36px;
    place-items: center;
    border-radius: 8px;
    background: var(--color-primario-superficie);
    color: var(--color-primario);
    font-size: 0.72rem;
    font-weight: 850;
}

.archivo-datos[b-34u1ghjvj2] {
    display: grid;
    min-width: 0;
}

.archivo-datos strong[b-34u1ghjvj2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archivo-datos small[b-34u1ghjvj2] {
    color: var(--color-texto-secundario);
}

.boton-quitar[b-34u1ghjvj2] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--color-texto-secundario);
    font-size: 1.35rem;
    cursor: pointer;
}

.nota-relacion[b-34u1ghjvj2] {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--color-primario-superficie);
    font-size: 0.87rem;
}

.resultado-exito[b-34u1ghjvj2] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
}

.panel-errores ul[b-34u1ghjvj2] {
    margin: 6px 0 0;
    padding-left: 20px;
}

.mensaje-advertencia[b-34u1ghjvj2] {
    padding: 12px 14px;
    border: 1px solid var(--color-advertencia-borde);
    border-radius: 9px;
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.mensaje-advertencia strong[b-34u1ghjvj2],
.mensaje-advertencia span[b-34u1ghjvj2] {
    display: block;
}

.acciones-importacion[b-34u1ghjvj2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 520px) {
    .panel-importacion[b-34u1ghjvj2] {
        gap: 10px;
        padding: 12px;
        border-radius: 12px;
    }

    .acciones-importacion .btn[b-34u1ghjvj2] {
        flex: 1;
    }

    .campos-rango[b-34u1ghjvj2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Configuracion/ImportarPersonal.razor.rz.scp.css */
.seccion-importacion[b-c9gv8e3ok3] {
    display: grid;
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.control-archivo[b-c9gv8e3ok3] {
    width: 100%;
    padding: 12px;
    border: 1px dashed var(--color-borde-fuerte);
    border-radius: 9px;
    background: var(--color-primario-superficie);
    cursor: pointer;
}

.archivo-seleccionado[b-c9gv8e3ok3] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(var(--color-primario-rgb), 0.28);
    border-radius: 10px;
    background: var(--color-primario-superficie);
}

.archivo-icono[b-c9gv8e3ok3] {
    display: grid;
    min-width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 9px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font-size: 0.72rem;
    font-weight: 900;
}

.archivo-datos[b-c9gv8e3ok3] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

.archivo-datos strong[b-c9gv8e3ok3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archivo-datos span[b-c9gv8e3ok3] {
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
}

.boton-quitar[b-c9gv8e3ok3] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--color-primario-hover);
    font-size: 1.4rem;
    cursor: pointer;
}

.boton-quitar:hover[b-c9gv8e3ok3] {
    background: var(--color-primario-superficie-hover);
}

.informacion-importacion[b-c9gv8e3ok3] {
    margin-top: 20px;
    padding: 18px;
    border-left: 4px solid var(--color-primario);
    border-radius: 8px;
    background: var(--color-primario-superficie);
}

.informacion-importacion h3[b-c9gv8e3ok3] {
    margin: 0 0 10px;
    font-size: 1rem;
}

.informacion-importacion p[b-c9gv8e3ok3] {
    margin: 7px 0;
    color: var(--color-texto-secundario);
    line-height: 1.5;
}

.resultado-importacion[b-c9gv8e3ok3] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
    padding: 17px;
    border: 1px solid var(--color-exito-borde);
    border-radius: 10px;
    background: var(--color-exito-superficie);
}

.resultado-icono[b-c9gv8e3ok3] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-exito);
    color: var(--color-blanco);
    font-size: 1.4rem;
    font-weight: 900;
}

.resultado-importacion h3[b-c9gv8e3ok3] {
    margin: 0 0 3px;
}

.resultado-importacion p[b-c9gv8e3ok3] {
    margin: 0;
    color: var(--color-exito-texto);
}

.resumen-importacion[b-c9gv8e3ok3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.dato-resumen[b-c9gv8e3ok3] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 14px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
}

.dato-resumen span[b-c9gv8e3ok3] {
    color: var(--color-texto-secundario);
    font-size: 0.78rem;
    font-weight: 700;
}

.dato-resumen strong[b-c9gv8e3ok3] {
    color: var(--color-primario);
    font-size: 1.35rem;
}

.panel-advertencias[b-c9gv8e3ok3],
.panel-errores[b-c9gv8e3ok3] {
    margin-bottom: 18px;
    padding: 17px;
    border-radius: 10px;
}

.panel-advertencias[b-c9gv8e3ok3] {
    border: 1px solid var(--color-advertencia-borde);
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.panel-errores[b-c9gv8e3ok3] {
    border: 1px solid var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.panel-advertencias h3[b-c9gv8e3ok3],
.panel-errores h3[b-c9gv8e3ok3] {
    margin: 0 0 10px;
    font-size: 1rem;
}

.panel-advertencias ul[b-c9gv8e3ok3],
.panel-errores ul[b-c9gv8e3ok3] {
    margin: 0;
    padding-left: 20px;
}

.panel-advertencias li[b-c9gv8e3ok3],
.panel-errores li[b-c9gv8e3ok3] {
    margin: 6px 0;
}

@media (max-width: 600px) {
    .seccion-importacion[b-c9gv8e3ok3] {
        gap: 12px;
        padding: 10px;
    }

    .resumen-importacion[b-c9gv8e3ok3] {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        margin-bottom: 10px;
    }

    .dato-resumen[b-c9gv8e3ok3] {
        gap: 3px;
        padding: 9px;
    }

    .informacion-importacion[b-c9gv8e3ok3] {
        margin-top: 12px;
        padding: 11px 12px;
    }

    .resultado-importacion[b-c9gv8e3ok3] {
        gap: 10px;
        margin-bottom: 10px;
        padding: 10px;
    }

    .panel-advertencias[b-c9gv8e3ok3],
    .panel-errores[b-c9gv8e3ok3] {
        margin-bottom: 10px;
        padding: 11px 12px;
    }
}
/* /Components/Pages/Configuracion/ImpresoraZebra.razor.rz.scp.css */
.configuracion-zebra[b-t8h5gqy6r8] {
    display: grid;
    gap: 12px;
}

.selector-destino[b-t8h5gqy6r8] {
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
}

.selector-destino > span[b-t8h5gqy6r8] {
    color: var(--color-texto-secundario);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.opciones-destino[b-t8h5gqy6r8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.tarjeta-destino[b-t8h5gqy6r8] {
    display: grid;
    gap: 3px;
    min-height: 70px;
    padding: 12px 14px;
    text-align: left;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
    color: var(--color-oscuro);
    font: inherit;
    cursor: pointer;
}

.tarjeta-destino strong[b-t8h5gqy6r8] {
    font-size: .9rem;
}

.tarjeta-destino small[b-t8h5gqy6r8] {
    color: var(--color-texto-secundario);
    font-size: .76rem;
}

.tarjeta-destino.seleccionada[b-t8h5gqy6r8] {
    border-color: var(--color-accion);
    background: var(--color-superficie-suave);
    box-shadow: inset 0 0 0 1px var(--color-accion);
}

.tarjeta-destino.seleccionada strong[b-t8h5gqy6r8] {
    color: var(--color-accion);
}

.tarjeta-destino:disabled[b-t8h5gqy6r8] {
    cursor: not-allowed;
    opacity: .6;
}

.estado-carga[b-t8h5gqy6r8] {
    color: var(--color-texto-secundario);
}

.panel-configuracion-zebra[b-t8h5gqy6r8],
.flujo-zebra[b-t8h5gqy6r8],
.perfil-impresora[b-t8h5gqy6r8] {
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.perfil-impresora[b-t8h5gqy6r8] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    padding: 12px 16px;
    color: var(--color-texto-secundario);
    font-size: .8rem;
}

.perfil-impresora strong[b-t8h5gqy6r8] {
    flex-basis: 100%;
    color: var(--color-oscuro);
}

.perfil-impresora span[b-t8h5gqy6r8] {
    padding: 4px 8px;
    border-radius: 999px;
    background: var(--color-superficie-suave);
}

.panel-configuracion-zebra > header[b-t8h5gqy6r8] {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie-suave);
}

.panel-configuracion-zebra header div[b-t8h5gqy6r8] {
    display: grid;
    gap: 3px;
}

.panel-configuracion-zebra header span[b-t8h5gqy6r8],
.campo-zebra > span[b-t8h5gqy6r8] {
    color: var(--color-texto-secundario);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.panel-configuracion-zebra h2[b-t8h5gqy6r8] {
    margin: 0;
    color: var(--color-oscuro);
    font-size: 1rem;
}

.campo-estado[b-t8h5gqy6r8] {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    white-space: nowrap;
}

.campo-estado input[b-t8h5gqy6r8] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-accion);
}

.campos-zebra[b-t8h5gqy6r8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 16px;
}

.campo-zebra[b-t8h5gqy6r8] {
    display: grid;
    gap: 6px;
}

.campo-completo[b-t8h5gqy6r8] {
    grid-column: 1 / -1;
}

.campo-zebra input[b-t8h5gqy6r8],
.campo-zebra select[b-t8h5gqy6r8] {
    width: 100%;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    color: var(--color-oscuro);
    font: inherit;
}

.campo-zebra small[b-t8h5gqy6r8] {
    color: var(--color-texto-secundario);
    font-size: .75rem;
}

.campo-zebra[b-t8h5gqy6r8]  .validation-message {
    color: var(--color-error-texto);
    font-size: .75rem;
}

.aviso-red[b-t8h5gqy6r8] {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie-suave);
    color: var(--color-texto-secundario);
    font-size: .8rem;
}

.acciones-zebra[b-t8h5gqy6r8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    padding: 0 16px 16px;
}

.acciones-zebra button[b-t8h5gqy6r8] {
    min-height: 40px;
    padding: 8px 13px;
    border-radius: 8px;
    font: inherit;
    font-size: .8rem;
    font-weight: 850;
    cursor: pointer;
}

.boton-prueba[b-t8h5gqy6r8] {
    border: 1px solid var(--color-accion);
    background: var(--color-superficie);
    color: var(--color-accion);
}

.boton-guardar[b-t8h5gqy6r8] {
    border: 1px solid var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.acciones-zebra button:disabled[b-t8h5gqy6r8] {
    cursor: not-allowed;
    opacity: .5;
}

.flujo-zebra[b-t8h5gqy6r8] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    padding: 13px 16px;
    color: var(--color-texto-secundario);
    font-size: .8rem;
}

.flujo-zebra strong[b-t8h5gqy6r8] {
    flex-basis: 100%;
    color: var(--color-oscuro);
}

.flujo-zebra p[b-t8h5gqy6r8] {
    flex-basis: 100%;
    margin: 2px 0 0;
}

.mensaje-exito[b-t8h5gqy6r8],
.mensaje-pendiente[b-t8h5gqy6r8],
.mensaje-error[b-t8h5gqy6r8] {
    padding: 10px 12px;
    border: 1px solid;
    border-radius: 9px;
    font-size: .82rem;
}

.mensaje-exito[b-t8h5gqy6r8] {
    border-color: var(--color-exito-borde);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.mensaje-error[b-t8h5gqy6r8] {
    border-color: var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.mensaje-pendiente[b-t8h5gqy6r8] {
    border-color: #d6a928;
    background: #fff8df;
    color: #735600;
}

@media (max-width: 650px) {
    .opciones-destino[b-t8h5gqy6r8] {
        grid-template-columns: 1fr;
    }

    .panel-configuracion-zebra > header[b-t8h5gqy6r8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .campos-zebra[b-t8h5gqy6r8] {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .campo-completo[b-t8h5gqy6r8] {
        grid-column: auto;
    }

    .acciones-zebra[b-t8h5gqy6r8] {
        padding: 0 12px 12px;
    }

    .acciones-zebra button[b-t8h5gqy6r8] {
        flex: 1;
    }
}
/* /Components/Pages/Configuracion/Modulos.razor.rz.scp.css */
.mantenedor-modulos[b-ru5gwzrdjx] {
    display: grid;
    gap: 14px;
    max-width: 980px;
}

.panel-modulo[b-ru5gwzrdjx] {
    padding: 14px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.panel-edicion[b-ru5gwzrdjx] {
    border-color: rgba(var(--color-primario-rgb), 0.45);
    background: var(--color-primario-superficie);
}

.panel-encabezado[b-ru5gwzrdjx] {
    margin-bottom: 10px;
}

.panel-encabezado h2[b-ru5gwzrdjx] {
    margin: 0 0 3px;
    font-size: var(--fuente-titulo-seccion);
    font-weight: 750;
    line-height: 1.2;
}

.panel-encabezado p[b-ru5gwzrdjx],
.estado-carga[b-ru5gwzrdjx] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.9rem;
}

.formulario-modulo[b-ru5gwzrdjx] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) 170px;
    gap: 10px;
    align-items: end;
}

.campo-modulo[b-ru5gwzrdjx] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.campo-modulo > span[b-ru5gwzrdjx] {
    color: var(--color-texto);
    font-size: 0.82rem;
    font-weight: 750;
}

.campo-modulo input[b-ru5gwzrdjx],
.campo-modulo select[b-ru5gwzrdjx] {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    color: var(--color-texto);
}

.campo-descripcion[b-ru5gwzrdjx] {
    grid-column: 1 / 3;
}

.accion-crear[b-ru5gwzrdjx],
.acciones-edicion[b-ru5gwzrdjx] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.acciones-edicion[b-ru5gwzrdjx] {
    grid-column: 1 / -1;
    justify-content: flex-end;
}

.lista-modulos[b-ru5gwzrdjx] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.modulo-item[b-ru5gwzrdjx] {
    display: grid;
    grid-template-columns: 34px 42px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    min-height: 66px;
    padding: 9px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 11px;
    background: var(--color-superficie);
}

.modulo-item.inactivo[b-ru5gwzrdjx] {
    grid-template-columns: 42px minmax(0, 1fr) auto;
    opacity: 0.82;
}

.numero-orden[b-ru5gwzrdjx] {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: var(--radio-circular);
    background: var(--color-primario-superficie);
    color: var(--color-primario);
    font-weight: 800;
}

.icono-orden[b-ru5gwzrdjx] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(var(--color-primario-rgb), 0.25);
    border-radius: 9px;
    background: var(--color-primario-superficie);
    color: var(--color-primario);
}

.icono-orden[b-ru5gwzrdjx]  .icono-modulo-svg {
    width: 22px;
    height: 22px;
}

.datos-modulo[b-ru5gwzrdjx] {
    display: grid;
    min-width: 0;
}

.linea-modulo[b-ru5gwzrdjx] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.datos-modulo small[b-ru5gwzrdjx] {
    overflow: hidden;
    color: var(--color-texto-secundario);
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estado[b-ru5gwzrdjx] {
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--color-superficie-suave);
    font-weight: 750;
}

.estado.activo[b-ru5gwzrdjx] {
    background: #e7f5ed;
    color: #17663a;
}

.acciones-orden[b-ru5gwzrdjx],
.acciones-modulo[b-ru5gwzrdjx] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.boton-orden[b-ru5gwzrdjx] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-orden:hover:not(:disabled)[b-ru5gwzrdjx] {
    border-color: var(--color-primario);
    color: var(--color-primario);
}

.boton-orden:disabled[b-ru5gwzrdjx] {
    cursor: not-allowed;
    opacity: 0.35;
}

.btn-compacto[b-ru5gwzrdjx] {
    min-height: 36px;
    padding: 7px 10px;
    font-size: 0.82rem;
}

.acciones-guardar[b-ru5gwzrdjx] {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

@media (max-width: 760px) {
    .formulario-modulo[b-ru5gwzrdjx] {
        grid-template-columns: 1fr 1fr;
    }

    .campo-descripcion[b-ru5gwzrdjx] {
        grid-column: 1 / -1;
    }

    .modulo-item[b-ru5gwzrdjx] {
        grid-template-columns: 32px minmax(0, 1fr) auto;
    }

    .modulo-item.inactivo[b-ru5gwzrdjx] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .icono-orden[b-ru5gwzrdjx] {
        display: none;
    }

    .acciones-modulo[b-ru5gwzrdjx] {
        grid-column: 2 / -1;
        justify-content: flex-end;
    }

    .modulo-item.inactivo .acciones-modulo[b-ru5gwzrdjx] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .panel-modulo[b-ru5gwzrdjx] {
        padding: 11px;
        border-radius: 12px;
    }

    .formulario-modulo[b-ru5gwzrdjx] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .campo-descripcion[b-ru5gwzrdjx],
    .acciones-edicion[b-ru5gwzrdjx] {
        grid-column: 1;
    }

    .accion-crear .btn[b-ru5gwzrdjx],
    .acciones-edicion .btn[b-ru5gwzrdjx],
    .acciones-guardar .btn[b-ru5gwzrdjx] {
        flex: 1;
    }

    .modulo-item[b-ru5gwzrdjx] {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 8px;
        padding: 8px;
    }

    .modulo-item.inactivo[b-ru5gwzrdjx] {
        grid-template-columns: 1fr;
    }

    .acciones-orden[b-ru5gwzrdjx],
    .acciones-modulo[b-ru5gwzrdjx] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .datos-modulo small[b-ru5gwzrdjx] {
        white-space: normal;
    }
}
/* /Components/Pages/Configuracion/OrigenesHuevo.razor.rz.scp.css */
.rejilla-origenes[b-c2awprwsfl] {
    display: grid;
    grid-template-columns: minmax(300px, .8fr) minmax(460px, 1.35fr);
    gap: 14px;
    align-items: start;
}

.panel-configuracion[b-c2awprwsfl] {
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.cabecera-panel[b-c2awprwsfl] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 15px 16px;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie-suave);
}

.cabecera-panel h2[b-c2awprwsfl],
.cabecera-panel p[b-c2awprwsfl],
.formulario-origen h3[b-c2awprwsfl] {
    margin: 0;
}

.cabecera-panel h2[b-c2awprwsfl],
.formulario-origen h3[b-c2awprwsfl] {
    color: var(--color-oscuro);
    font-size: .98rem;
}

.cabecera-panel p[b-c2awprwsfl] {
    margin-top: 3px;
    color: var(--color-texto-secundario);
    font-size: .76rem;
}

.tabla-responsive[b-c2awprwsfl] {
    overflow-x: auto;
}

table[b-c2awprwsfl] {
    width: 100%;
    border-collapse: collapse;
}

th[b-c2awprwsfl],
td[b-c2awprwsfl] {
    padding: 11px 13px;
    border-bottom: 1px solid var(--color-borde);
    text-align: left;
    vertical-align: middle;
}

th[b-c2awprwsfl] {
    color: var(--color-texto-secundario);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .03em;
    text-transform: uppercase;
}

td[b-c2awprwsfl] {
    color: var(--color-texto);
    font-size: .82rem;
}

tbody tr:last-child td[b-c2awprwsfl] {
    border-bottom: 0;
}

td small[b-c2awprwsfl] {
    display: block;
    margin-top: 2px;
    color: var(--color-texto-secundario);
}

.codigo-pendiente[b-c2awprwsfl] {
    color: var(--color-error-texto);
    font-size: .72rem;
    font-weight: 800;
}

td select[b-c2awprwsfl],
.formulario-origen input[type="text"][b-c2awprwsfl] {
    width: 100%;
    min-height: 38px;
    padding: 7px 9px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
}

.formulario-origen label > small[b-c2awprwsfl] {
    color: var(--color-texto-secundario);
    font-size: .7rem;
}

.tabla-pabellones[b-c2awprwsfl] {
    max-height: 590px;
    overflow-y: auto;
}

.estado-activo[b-c2awprwsfl],
.estado-inactivo[b-c2awprwsfl] {
    display: inline-flex;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
}

.estado-activo[b-c2awprwsfl] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.estado-inactivo[b-c2awprwsfl] {
    background: var(--color-superficie-suave);
    color: var(--color-texto-secundario);
}

.formulario-origen[b-c2awprwsfl] {
    display: grid;
    gap: 13px;
    padding: 16px;
    border-top: 1px solid var(--color-borde);
    background: var(--color-superficie-suave);
}

.cabecera-formulario[b-c2awprwsfl],
.acciones-formulario[b-c2awprwsfl] {
    display: flex;
    gap: 9px;
    align-items: center;
    justify-content: space-between;
}

.cabecera-formulario button[b-c2awprwsfl] {
    border: 0;
    background: transparent;
    color: var(--color-texto-secundario);
    font-size: 1.4rem;
    cursor: pointer;
}

.formulario-origen > label:not(.opcion-activo)[b-c2awprwsfl] {
    display: grid;
    gap: 6px;
}

.formulario-origen label > span[b-c2awprwsfl] {
    color: var(--color-texto-secundario);
    font-size: .72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.opcion-activo[b-c2awprwsfl] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: .82rem;
    font-weight: 700;
}

.acciones-formulario[b-c2awprwsfl] {
    justify-content: flex-end;
}

.estado-vacio[b-c2awprwsfl],
.mensaje-exito[b-c2awprwsfl],
.mensaje-error[b-c2awprwsfl] {
    margin: 0;
    padding: 12px 14px;
    font-size: .82rem;
}

.mensaje-exito[b-c2awprwsfl],
.mensaje-error[b-c2awprwsfl] {
    margin-bottom: 12px;
    border: 1px solid;
    border-radius: 9px;
}

.mensaje-exito[b-c2awprwsfl] {
    border-color: var(--color-exito-borde);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.mensaje-error[b-c2awprwsfl] {
    border-color: var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

@media (max-width: 900px) {
    .rejilla-origenes[b-c2awprwsfl] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .cabecera-panel[b-c2awprwsfl] {
        align-items: stretch;
        flex-direction: column;
    }

    th[b-c2awprwsfl],
    td[b-c2awprwsfl] {
        padding: 9px 10px;
    }
}
/* /Components/Pages/Configuracion/Personal.razor.rz.scp.css */
.panel-filtros[b-n4o3s7336y] {
    grid-template-columns: minmax(260px, 620px);
}

.acciones-cabecera-personal[b-n4o3s7336y] {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 600px) {
    .panel-filtros[b-n4o3s7336y] {
        grid-template-columns: 1fr;
    }

    .acciones-cabecera-personal[b-n4o3s7336y] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .acciones-cabecera-personal .btn[b-n4o3s7336y] {
        width: 100%;
    }
}
/* /Components/Pages/Configuracion/PreciosCombustible.razor.rz.scp.css */
.precios-mantenedor[b-tqd95336a4] { display: grid; gap: 14px; }
.panel-precios[b-tqd95336a4] { overflow: hidden; border: 1px solid var(--color-borde); border-radius: 14px; background: var(--color-superficie); }
.cabecera-panel[b-tqd95336a4], .formulario-panel[b-tqd95336a4] { padding: 14px 16px; }
.cabecera-panel[b-tqd95336a4] { border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-suave); }
h2[b-tqd95336a4] { margin: 0; color: var(--color-oscuro); font-size: .98rem; }
form[b-tqd95336a4] { display: grid; gap: 14px; margin-top: 14px; }
.campos-periodo[b-tqd95336a4] { display: grid; grid-template-columns: 140px minmax(180px, 1fr) minmax(210px, 1fr); gap: 12px; }
label[b-tqd95336a4] { display: grid; gap: 7px; }
input[b-tqd95336a4], select[b-tqd95336a4] { min-height: 40px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie); color: var(--color-texto); }
.acciones-formulario[b-tqd95336a4], .acciones-tabla[b-tqd95336a4] { display: flex; justify-content: flex-end; gap: 8px; }
.tabla-precios[b-tqd95336a4] { overflow-x: auto; }
table[b-tqd95336a4] { width: 100%; border-collapse: collapse; }
th[b-tqd95336a4], td[b-tqd95336a4] { padding: 10px 13px; border-bottom: 1px solid var(--color-borde); text-align: left; }
th[b-tqd95336a4] { color: var(--color-texto-secundario); font-size: .7rem; text-transform: uppercase; }
.estado-precios[b-tqd95336a4] { margin: 0; padding: 16px; color: var(--color-texto-secundario); }
@media (max-width: 720px) { .campos-periodo[b-tqd95336a4] { grid-template-columns: 1fr; } }
/* /Components/Pages/Configuracion/SubareasCombustible.razor.rz.scp.css */
.combustible-mantenedor[b-d10r4dijgk] { display: grid; gap: 14px; }
.panel-combustible[b-d10r4dijgk] { overflow: hidden; border: 1px solid var(--color-borde); border-radius: 14px; background: var(--color-superficie); }
.cabecera-panel-combustible[b-d10r4dijgk] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--color-borde); background: var(--color-superficie-suave); }
h2[b-d10r4dijgk] { margin: 0; color: var(--color-oscuro); font-size: .98rem; }
.tabla-combustible[b-d10r4dijgk] { overflow-x: auto; }
table[b-d10r4dijgk] { width: 100%; border-collapse: collapse; }
th[b-d10r4dijgk], td[b-d10r4dijgk] { padding: 10px 13px; border-bottom: 1px solid var(--color-borde); text-align: left; }
th[b-d10r4dijgk] { color: var(--color-texto-secundario); font-size: .7rem; text-transform: uppercase; }
.acciones-tabla[b-d10r4dijgk] { display: flex; justify-content: flex-end; gap: 6px; }
.estado-combustible[b-d10r4dijgk] { margin: 0; padding: 16px; color: var(--color-texto-secundario); }
.formulario-panel[b-d10r4dijgk] { max-width: 520px; padding: 16px; }
form[b-d10r4dijgk], label[b-d10r4dijgk] { display: grid; gap: 7px; }
form[b-d10r4dijgk] { margin-top: 14px; gap: 13px; }
input[b-d10r4dijgk], select[b-d10r4dijgk] { min-height: 40px; padding: 8px 10px; border: 1px solid var(--color-borde); border-radius: 8px; background: var(--color-superficie); color: var(--color-texto); }
.acciones-formulario[b-d10r4dijgk] { display: flex; justify-content: flex-end; gap: 8px; }
@media (max-width: 650px) { .cabecera-panel-combustible[b-d10r4dijgk], .acciones-tabla[b-d10r4dijgk] { align-items: stretch; flex-direction: column; } }
/* /Components/Pages/Configuracion/UbicacionesAvisos.razor.rz.scp.css */
.niveles-ubicacion[b-wn18jhdwjy] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 8px;
}

.nivel-ubicacion[b-wn18jhdwjy] {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 10px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font-size: .84rem;
    font-weight: 750;
    cursor: pointer;
}

.nivel-ubicacion span[b-wn18jhdwjy] {
    display: grid;
    width: 25px;
    height: 25px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: var(--radio-circular);
    background: var(--color-superficie-secundaria);
    font-size: .76rem;
    font-weight: 850;
}

.nivel-ubicacion:hover[b-wn18jhdwjy],
.nivel-ubicacion.activo[b-wn18jhdwjy] {
    border-color: var(--color-primario);
    color: var(--color-primario);
}

.nivel-ubicacion.activo[b-wn18jhdwjy] {
    background: var(--color-primario-superficie);
}

.nivel-ubicacion.activo span[b-wn18jhdwjy] {
    background: var(--color-primario);
    color: var(--color-blanco);
}

.selector-jerarquia[b-wn18jhdwjy] {
    margin-bottom: 8px;
    padding: 10px 12px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.selector-jerarquia h2[b-wn18jhdwjy] {
    margin: 0 0 7px;
    font-size: .86rem;
    font-weight: 800;
}

.selectores-jerarquia[b-wn18jhdwjy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 8px;
}

.campo-ruta[b-wn18jhdwjy] {
    min-width: 0;
}

.campo-ruta label[b-wn18jhdwjy] {
    display: block;
    margin-bottom: 4px;
    font-size: .78rem;
    font-weight: 750;
}

.campo-ruta .control-reporte[b-wn18jhdwjy] {
    min-height: 38px;
    padding: 7px 9px;
}

.aviso-jerarquia[b-wn18jhdwjy] {
    margin: 7px 0 0;
    padding: 7px 9px;
    border-radius: 8px;
    background: var(--color-advertencia-superficie, #fff7e6);
    color: var(--color-texto-secundario);
    font-size: .8rem;
}

.contenido-ubicaciones[b-wn18jhdwjy] {
    min-width: 0;
}

.contenido-ubicaciones.con-formulario[b-wn18jhdwjy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    align-items: start;
    gap: 10px;
}

.listado-ubicaciones[b-wn18jhdwjy] {
    min-width: 0;
}

.cabecera-listado[b-wn18jhdwjy] {
    min-height: 44px;
    margin-bottom: 8px;
}

.cabecera-listado p[b-wn18jhdwjy] {
    font-size: .82rem;
}

.tabla-ubicaciones[b-wn18jhdwjy] {
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.tabla-ubicaciones table[b-wn18jhdwjy] {
    min-width: 650px;
}

.tabla-ubicaciones th:first-child[b-wn18jhdwjy] {
    width: 45%;
}

.tabla-ubicaciones code[b-wn18jhdwjy] {
    color: var(--color-texto);
    font-size: .78rem;
}

.celda-accion[b-wn18jhdwjy] {
    width: 1%;
    text-align: right !important;
    white-space: nowrap;
}

.estado-listado[b-wn18jhdwjy] {
    padding: 24px 14px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
    color: var(--color-texto-secundario);
    text-align: center;
}

.formulario-ubicacion[b-wn18jhdwjy] {
    position: sticky;
    top: 8px;
    width: 100%;
    max-width: none;
    padding: 12px 14px;
}

.cabecera-formulario[b-wn18jhdwjy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-borde);
}

.cabecera-formulario h3[b-wn18jhdwjy] {
    margin: 0 0 2px;
}

.cabecera-formulario p[b-wn18jhdwjy] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: .78rem;
    line-height: 1.35;
}

.cerrar-formulario[b-wn18jhdwjy] {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-texto-secundario);
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}

.cerrar-formulario:hover:not(:disabled)[b-wn18jhdwjy] {
    border-color: var(--color-primario);
    color: var(--color-primario);
}

.codigo-ubicacion[b-wn18jhdwjy] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.descripcion-ubicacion[b-wn18jhdwjy] {
    min-height: 76px;
    resize: vertical;
}

.campo-orden[b-wn18jhdwjy] {
    max-width: 150px;
}

.ayuda-campo-ubicacion[b-wn18jhdwjy],
.ayuda-estado[b-wn18jhdwjy] {
    display: block;
    margin: 4px 0 0;
    color: var(--color-texto-secundario);
    font-size: .76rem;
    line-height: 1.35;
}

.aviso-categoria-global[b-wn18jhdwjy] {
    margin: 0;
    padding: 9px 10px;
    border-left: 3px solid var(--color-primario);
    border-radius: 7px;
    background: color-mix(in srgb, var(--color-primario) 8%, white);
    color: var(--color-texto-secundario);
    font-size: .78rem;
    line-height: 1.4;
}

.estado-edicion[b-wn18jhdwjy] {
    margin-top: 2px;
}

.acciones-formulario[b-wn18jhdwjy] {
    margin-top: 10px;
}

@media (max-width: 1050px) {
    .contenido-ubicaciones.con-formulario[b-wn18jhdwjy] {
        grid-template-columns: minmax(0, 1fr) 330px;
    }

    .selectores-jerarquia[b-wn18jhdwjy] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
}

@media (max-width: 820px) {
    .niveles-ubicacion[b-wn18jhdwjy] {
        display: flex;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .nivel-ubicacion[b-wn18jhdwjy] {
        min-width: 135px;
        flex: 1 0 auto;
    }

    .contenido-ubicaciones.con-formulario[b-wn18jhdwjy] {
        grid-template-columns: 1fr;
    }

    .formulario-ubicacion[b-wn18jhdwjy] {
        position: static;
        grid-row: 1;
    }
}

@media (max-width: 560px) {
    .selectores-jerarquia[b-wn18jhdwjy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .cabecera-listado[b-wn18jhdwjy] {
        align-items: stretch;
    }

    .cabecera-listado .btn[b-wn18jhdwjy] {
        width: 100%;
    }
}

@media (max-width: 350px) {
    .selectores-jerarquia[b-wn18jhdwjy] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Configuracion/Usuarios.razor.rz.scp.css */
.panel-filtros[b-hea2dqubzg] {
    grid-template-columns: minmax(260px, 620px);
}

.acciones-usuario-admin[b-hea2dqubzg] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.acciones-usuario-admin form[b-hea2dqubzg] {
    margin: 0;
}

@media (max-width: 600px) {
    .panel-filtros[b-hea2dqubzg] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Configuracion/UsuariosCombustible.razor.rz.scp.css */
.mantenedor-combustible[b-i95or5eenn] {
    display: grid;
    gap: 12px;
    max-width: 980px;
}

.panel-mantenedor[b-i95or5eenn] {
    padding: 14px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.panel-encabezado[b-i95or5eenn] {
    margin-bottom: 10px;
}

.panel-encabezado h2[b-i95or5eenn] {
    margin: 0 0 3px;
    font-size: var(--fuente-titulo-seccion);
}

.panel-encabezado p[b-i95or5eenn],
.estado-lista[b-i95or5eenn] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.88rem;
}

.encabezado-lista[b-i95or5eenn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.contador[b-i95or5eenn] {
    min-width: 32px;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--color-primario-superficie);
    color: var(--color-primario);
    text-align: center;
    font-weight: 800;
}

.formulario-usuario[b-i95or5eenn] {
    display: grid;
    grid-template-columns: minmax(130px, .7fr) minmax(180px, 1.1fr) minmax(150px, .8fr) minmax(150px, .8fr) auto;
    gap: 10px;
    align-items: end;
}

.formulario-usuario label[b-i95or5eenn] {
    display: grid;
    gap: 5px;
}

.formulario-usuario label > span[b-i95or5eenn] {
    font-size: 0.82rem;
    font-weight: 750;
}

.formulario-usuario input[b-i95or5eenn],
.formulario-usuario select[b-i95or5eenn],
.edicion-agrupacion select[b-i95or5eenn],
.edicion-usuario[b-i95or5eenn] {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    color: var(--color-texto);
}

.edicion-agrupacion[b-i95or5eenn] {
    display: grid;
    min-width: 180px;
    gap: 6px;
}

.tabla-contenedor[b-i95or5eenn] {
    overflow-x: auto;
}

table[b-i95or5eenn] {
    width: 100%;
    border-collapse: collapse;
}

th[b-i95or5eenn],
td[b-i95or5eenn] {
    padding: 9px 8px;
    border-bottom: 1px solid var(--color-borde);
    text-align: left;
    vertical-align: middle;
}

th[b-i95or5eenn] {
    color: var(--color-texto-secundario);
    font-size: 0.76rem;
    text-transform: uppercase;
}

.estado[b-i95or5eenn] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    background: var(--color-superficie-suave);
    font-size: 0.78rem;
    font-weight: 750;
}

.estado.activo[b-i95or5eenn] {
    background: #e7f5ed;
    color: #17663a;
}

.estado.inactivo[b-i95or5eenn] {
    color: var(--color-texto-secundario);
}

.acciones-fila[b-i95or5eenn] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    white-space: nowrap;
}

.btn-compacto[b-i95or5eenn] {
    min-height: 34px;
    padding: 6px 9px;
    font-size: 0.8rem;
}

.fondo-eliminacion-usuario[b-i95or5eenn] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    padding: 18px;
    place-items: center;
    background: var(--fondo-modal);
}

.confirmacion-eliminacion-usuario[b-i95or5eenn] {
    display: grid;
    width: min(100%, 520px);
    grid-template-columns: 42px 1fr;
    gap: 14px;
    padding: 20px;
    border: 1px solid var(--color-borde);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.confirmacion-eliminacion-usuario h2[b-i95or5eenn] {
    margin: 0 0 7px;
    color: var(--color-oscuro);
    font-size: var(--fuente-titulo-seccion);
}

.confirmacion-eliminacion-usuario p[b-i95or5eenn] {
    margin: 0;
    color: var(--color-texto-secundario);
    line-height: 1.45;
}

.campo-clave-eliminacion[b-i95or5eenn] {
    display: grid;
    gap: 5px;
    margin-top: 14px;
}

.campo-clave-eliminacion span[b-i95or5eenn] {
    color: var(--color-oscuro);
    font-size: .82rem;
    font-weight: 750;
}

.campo-clave-eliminacion input[b-i95or5eenn] {
    width: min(100%, 220px);
    min-height: 42px;
    padding: 8px 11px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font-size: 1rem;
    letter-spacing: .12em;
}

.error-eliminacion[b-i95or5eenn] {
    margin-top: 10px;
    padding: 9px 11px;
    border: 1px solid var(--color-error-borde);
    border-radius: 9px;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-size: .82rem;
}

.confirmacion-eliminacion-usuario footer[b-i95or5eenn] {
    display: flex;
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 4px;
}

.icono-eliminacion[b-i95or5eenn] {
    display: grid;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    place-items: center;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-size: 1.2rem;
    font-weight: 900;
}

@media (max-width: 650px) {
    .panel-mantenedor[b-i95or5eenn] {
        padding: 11px;
        border-radius: 12px;
    }

    .formulario-usuario[b-i95or5eenn] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .formulario-usuario .btn[b-i95or5eenn] {
        width: 100%;
    }

    .confirmacion-eliminacion-usuario[b-i95or5eenn] {
        grid-template-columns: 36px 1fr;
        padding: 16px;
    }

    .icono-eliminacion[b-i95or5eenn] {
        width: 36px;
        height: 36px;
    }

    .confirmacion-eliminacion-usuario footer[b-i95or5eenn] {
        flex-direction: column-reverse;
    }

    .confirmacion-eliminacion-usuario footer .btn[b-i95or5eenn] {
        width: 100%;
    }
}
/* /Components/Pages/Cuenta/Notificaciones.razor.rz.scp.css */
.pagina-push[b-bvnrly5fh9] {
    display: grid;
    gap: 12px;
    width: min(100%, 980px);
    margin: 0 auto;
}

.estado-push[b-bvnrly5fh9],
.mensaje-push[b-bvnrly5fh9],
.tarjeta-push[b-bvnrly5fh9] {
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-tarjeta);
    background: var(--color-superficie);
}

.estado-push[b-bvnrly5fh9],
.mensaje-push[b-bvnrly5fh9] {
    padding: 10px 12px;
    color: var(--color-texto-secundario);
}

.mensaje-push.exito[b-bvnrly5fh9] {
    border-color: var(--color-exito-borde);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.mensaje-push.error[b-bvnrly5fh9] {
    border-color: var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error);
}

.mensaje-push.advertencia[b-bvnrly5fh9] {
    border-color: var(--color-advertencia-borde);
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.tarjeta-push[b-bvnrly5fh9] {
    padding: 14px;
    box-shadow: var(--sombra-tarjeta);
}

.encabezado-tarjeta-push[b-bvnrly5fh9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-borde);
}

.encabezado-tarjeta-push span[b-bvnrly5fh9] {
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.encabezado-tarjeta-push h2[b-bvnrly5fh9] {
    margin: 4px 0 0;
    color: var(--color-texto);
    font-size: clamp(1.2rem, 2.5vw, 1.55rem);
}

.tarjeta-push > p[b-bvnrly5fh9] {
    margin: 10px 0;
    color: var(--color-texto-secundario);
}

.lista-accesos-configuracion[b-bvnrly5fh9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.lista-accesos-configuracion a[b-bvnrly5fh9] {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-control);
    background: var(--color-fondo);
    color: var(--color-texto);
    cursor: pointer;
    text-decoration: none;
}

.lista-accesos-configuracion a:hover[b-bvnrly5fh9],
.lista-accesos-configuracion a:focus-visible[b-bvnrly5fh9] {
    border-color: var(--color-primario);
    background: var(--color-primario-superficie-hover);
    color: var(--color-primario);
    outline: none;
}

.lista-accesos-configuracion a > span:first-child[b-bvnrly5fh9] {
    display: grid;
    gap: 4px;
}

.indicador-acceso[b-bvnrly5fh9] {
    flex: 0 0 auto;
    color: var(--color-primario);
    font-size: 1.2rem;
    font-weight: 800;
}

.lista-accesos-configuracion small[b-bvnrly5fh9] {
    color: var(--color-texto-secundario);
    line-height: 1.4;
}

.contador-dispositivos[b-bvnrly5fh9] {
    padding: 7px 11px;
    border-radius: var(--radio-circular);
    background: var(--color-primario-superficie-hover);
    color: var(--color-primario);
    font-size: 0.82rem;
    white-space: nowrap;
}

.estado-navegador[b-bvnrly5fh9] {
    padding: 11px 13px;
    border-radius: 9px;
    background: var(--color-fondo);
    font-size: 0.88rem;
}

.acciones-push[b-bvnrly5fh9] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.boton-primario-push[b-bvnrly5fh9],
.boton-secundario-push[b-bvnrly5fh9] {
    min-height: 44px;
    padding: 10px 16px;
    border-radius: var(--radio-control);
    font-weight: 750;
    cursor: pointer;
}

.boton-primario-push[b-bvnrly5fh9] {
    border: 1px solid var(--color-primario);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.boton-secundario-push[b-bvnrly5fh9] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto);
}

.boton-primario-push:disabled[b-bvnrly5fh9],
.boton-secundario-push:disabled[b-bvnrly5fh9] {
    cursor: not-allowed;
    opacity: 0.55;
}

.ayuda-ios[b-bvnrly5fh9] {
    display: block;
    margin-top: 10px;
    color: var(--color-texto-secundario);
    line-height: 1.45;
}

.interruptor-push[b-bvnrly5fh9] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-circular);
    background: var(--color-fondo);
    cursor: pointer;
}

.interruptor-push input[b-bvnrly5fh9] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-primario);
}

.interruptor-push span[b-bvnrly5fh9] {
    color: var(--color-texto);
    font-size: 0.88rem;
    letter-spacing: normal;
}

.formulario-push[b-bvnrly5fh9] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(150px, 0.45fr));
    gap: 10px;
    margin-top: 12px;
}

.formulario-push label > span[b-bvnrly5fh9] {
    display: block;
    margin-bottom: 7px;
    color: var(--color-texto);
    font-size: 0.86rem;
    font-weight: 750;
}

.formulario-push select[b-bvnrly5fh9],
.formulario-push input[b-bvnrly5fh9] {
    width: 100%;
    min-height: 40px;
    padding: 7px 10px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-control);
    background: var(--color-superficie);
    color: var(--color-texto);
}

.dias-push[b-bvnrly5fh9] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 12px 0 0;
    padding: 0;
    border: 0;
}

.dias-push legend[b-bvnrly5fh9] {
    width: 100%;
    margin-bottom: 8px;
    color: var(--color-texto);
    font-size: 0.86rem;
    font-weight: 750;
}

.dias-push label[b-bvnrly5fh9] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-circular);
    background: var(--color-superficie);
    cursor: pointer;
}

.dias-push input[b-bvnrly5fh9] {
    accent-color: var(--color-primario);
}

.nota-cola-push[b-bvnrly5fh9] {
    margin-bottom: 0 !important;
    padding: 10px 12px;
    border-left: 3px solid var(--color-primario);
    background: var(--color-fondo);
    font-size: 0.86rem;
    line-height: 1.5;
}

@media (max-width: 720px) {
    .tarjeta-push[b-bvnrly5fh9] {
        padding: 10px;
    }

    .lista-accesos-configuracion[b-bvnrly5fh9] {
        grid-template-columns: 1fr;
    }

    .formulario-push[b-bvnrly5fh9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 9px;
    }

    .formulario-push label:first-child[b-bvnrly5fh9] {
        grid-column: 1 / -1;
    }

    .formulario-push select[b-bvnrly5fh9],
    .formulario-push input[b-bvnrly5fh9] {
        min-height: 44px;
    }

    .acciones-push[b-bvnrly5fh9] {
        gap: 8px;
        margin-top: 9px;
    }

    .boton-primario-push[b-bvnrly5fh9],
    .boton-secundario-push[b-bvnrly5fh9] {
        min-width: min(145px, 100%);
        flex: 1 1 145px;
        padding: 8px 10px;
    }

    .dias-push[b-bvnrly5fh9] {
        gap: 5px;
        margin-top: 9px;
    }

    .dias-push label[b-bvnrly5fh9] {
        padding: 6px 9px;
    }
}
.historial-notificaciones[b-bvnrly5fh9] { margin-bottom: 20px; }
.lista-historial-notificaciones[b-bvnrly5fh9] { display: flex; flex-direction: column; border-top: 1px solid var(--color-borde); }
.item-historial-notificacion[b-bvnrly5fh9] { display: flex; width: 100%; padding: 12px 14px; border: 0; border-bottom: 1px solid var(--color-borde); align-items: flex-start; justify-content: space-between; gap: 16px; background: transparent; color: var(--color-texto); text-align: left; cursor: pointer; }
.item-historial-notificacion.no-leida[b-bvnrly5fh9] { border-left: 3px solid var(--color-primario); background: rgba(var(--color-primario-rgb), .055); }
.item-historial-notificacion span[b-bvnrly5fh9] { display: flex; flex-direction: column; gap: 3px; }
.item-historial-notificacion small[b-bvnrly5fh9], .item-historial-notificacion time[b-bvnrly5fh9] { color: var(--color-texto-secundario); font-size: .74rem; }
.item-historial-notificacion time[b-bvnrly5fh9] { white-space: nowrap; }
.preferencia-alerta-personal[b-bvnrly5fh9] {
    display: grid;
    gap: .45rem;
    padding: .8rem;
    border: 1px solid var(--color-borde, #ded6d2);
    border-radius: .6rem;
}

.preferencia-alerta-personal > div[b-bvnrly5fh9] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.preferencia-alerta-personal input[type="range"][b-bvnrly5fh9] {
    width: min(22rem, 100%);
}
/* /Components/Pages/Documentos/Documentos.razor.rz.scp.css */
.estado-documentos[b-2x88m6ejxh],
.categoria-documentos[b-2x88m6ejxh] {
    padding: 20px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-panel);
    background: var(--color-superficie);
}

.categoria-documentos + .categoria-documentos[b-2x88m6ejxh] {
    margin-top: 16px;
}

.estado-documentos[b-2x88m6ejxh] {
    color: var(--color-texto-secundario);
}

.categoria-documentos > header > span[b-2x88m6ejxh] {
    color: var(--color-primario);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.categoria-documentos h2[b-2x88m6ejxh] {
    margin: 4px 0 0;
    color: var(--color-oscuro);
    font-size: var(--fuente-titulo-seccion);
    font-weight: 750;
    line-height: 1.2;
}

.categoria-documentos header p[b-2x88m6ejxh] {
    margin: 5px 0 0;
    color: var(--color-texto-secundario);
    font-size: 0.86rem;
}

.grilla-documentos[b-2x88m6ejxh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 430px));
    gap: 14px;
    margin-top: 18px;
}

.tarjeta-documento[b-2x88m6ejxh] {
    display: flex;
    min-height: 84px;
    align-items: center;
    gap: 14px;
    padding: 15px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-panel);
    background: var(--color-superficie-suave);
    color: inherit;
    text-decoration: none;
}

.tarjeta-documento:hover[b-2x88m6ejxh] {
    border-color: var(--color-primario);
    box-shadow: var(--sombra-suave);
}

.icono-documento[b-2x88m6ejxh] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 11px;
    background: var(--color-primario-superficie);
    color: var(--color-primario);
    font-size: 1.15rem;
    font-weight: 900;
}

.datos-documento[b-2x88m6ejxh] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.datos-documento strong[b-2x88m6ejxh] {
    color: var(--color-oscuro);
}

.datos-documento small[b-2x88m6ejxh] {
    margin-top: 4px;
    color: var(--color-texto-secundario);
    line-height: 1.35;
}

.flecha-documento[b-2x88m6ejxh] {
    color: var(--color-primario);
    font-size: 1.2rem;
}

@media (max-width: 600px) {
    .estado-documentos[b-2x88m6ejxh],
    .categoria-documentos[b-2x88m6ejxh] {
        padding: 10px;
    }

    .grilla-documentos[b-2x88m6ejxh] {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 10px;
    }

    .tarjeta-documento[b-2x88m6ejxh] {
        min-height: 68px;
        gap: 10px;
        padding: 10px;
    }

    .icono-documento[b-2x88m6ejxh] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }
}
/* /Components/Pages/Documentos/NivelesCriticidad.razor.rz.scp.css */
.documento-contenido[b-1tth7w32z9] {
    max-width: 1100px;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-panel);
    background: var(--color-superficie);
}
/* /Components/Pages/Error.razor.rz.scp.css */
.pagina-error[b-xr2cn9o6sf] {
    display: grid;
    min-height: 100dvh;
    padding: 24px;
    place-items: center;
}

.tarjeta-error[b-xr2cn9o6sf] {
    width: min(100%, 620px);
    padding: 28px;
    border: 1px solid var(--color-error-borde);
    border-top: 4px solid var(--color-error);
    border-radius: var(--radio-panel);
    background: var(--color-superficie);
    box-shadow: var(--sombra-tarjeta);
}

.etiqueta-error[b-xr2cn9o6sf] {
    color: var(--color-error-texto);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

h1[b-xr2cn9o6sf] {
    margin: 8px 0 10px;
    font-size: clamp(1.35rem, 4vw, 1.8rem);
    line-height: 1.15;
}

p[b-xr2cn9o6sf] {
    margin: 0;
    color: var(--color-texto-secundario);
    line-height: 1.5;
}

.seguimiento-error[b-xr2cn9o6sf] {
    margin-top: 16px;
    padding: 10px 12px;
    border-radius: var(--radio-control);
    background: var(--color-superficie-suave);
    overflow-wrap: anywhere;
}

.seguimiento-error code[b-xr2cn9o6sf] {
    color: var(--color-texto);
}

.accion-error[b-xr2cn9o6sf] {
    display: inline-flex;
    min-height: 42px;
    margin-top: 20px;
    padding: 9px 16px;
    align-items: center;
    justify-content: center;
    border-radius: var(--radio-control);
    background: var(--color-accion);
    color: var(--color-blanco);
    font-weight: 700;
    text-decoration: none;
}

.accion-error:hover[b-xr2cn9o6sf] {
    background: var(--color-accion-hover);
    color: var(--color-blanco);
}

@media (max-width: 600px) {
    .pagina-error[b-xr2cn9o6sf] {
        padding: 10px;
    }

    .tarjeta-error[b-xr2cn9o6sf] {
        padding: 17px 14px;
    }

    .accion-error[b-xr2cn9o6sf] {
        width: 100%;
        margin-top: 14px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.pagina-inicio[b-djnvghju7y] {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: var(--color-fondo);
}

.contenido-principal[b-djnvghju7y] {
    width: 100%;
    max-width: 1280px;
    flex: 1;
    margin: 0 auto;
    padding: 26px 32px 44px;
}

.titulo-seccion[b-djnvghju7y] {
    margin-bottom: 18px;
}

.etiqueta[b-djnvghju7y] {
    color: var(--color-primario);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.titulo-seccion h1[b-djnvghju7y] {
    margin: 5px 0 0;
    color: var(--color-oscuro);
    font-size: 1.7rem;
}

.grilla-modulos[b-djnvghju7y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 360px));
    justify-content: center;
    gap: 20px;
}

.tarjeta-modulo[b-djnvghju7y] {
    position: relative;
    display: flex;
    min-height: 180px;
    overflow: hidden;
    padding: 21px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-tarjeta);
    background: var(--color-superficie);
    box-shadow: var(--sombra-tarjeta);
    color: inherit;
    text-decoration: none;
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
}

.tarjeta-modulo[b-djnvghju7y]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--color-primario);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 180ms ease;
}

.tarjeta-modulo:hover[b-djnvghju7y] {
    transform: translateY(-4px);
    border-color: rgba(var(--color-primario-rgb), 0.45);
    box-shadow: 0 17px 38px rgba(var(--color-oscuro-rgb), 0.14);
}

.tarjeta-modulo:hover[b-djnvghju7y]::before {
    transform: scaleY(1);
}

.icono-modulo[b-djnvghju7y] {
    display: grid;
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    place-items: center;
    margin-right: 18px;
    border: 1px solid rgba(var(--color-primario-rgb), 0.18);
    border-radius: 16px;
    background: rgba(var(--color-primario-rgb), 0.09);
    color: var(--color-primario);
}

.icono-modulo[b-djnvghju7y]  .icono-modulo-svg {
    width: 34px;
    height: 34px;
}

.datos-modulo[b-djnvghju7y] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.datos-modulo h3[b-djnvghju7y] {
    margin: 0 0 8px;
    color: var(--color-primario);
    font-size: 1.28rem;
    font-weight: 800;
}

.datos-modulo p[b-djnvghju7y] {
    flex-grow: 1;
    margin: 0 0 15px;
    color: var(--color-texto-secundario);
    font-size: 0.93rem;
    line-height: 1.45;
}

.enlace-modulo[b-djnvghju7y] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-primario);
    font-weight: 700;
}

.mensaje-estado[b-djnvghju7y] {
    padding: 24px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-panel);
    background: var(--color-superficie);
    color: var(--color-texto-secundario);
}

.pie-sistema[b-djnvghju7y] {
    border-top: 1px solid var(--color-borde);
    background: var(--color-fondo);
}

.pie-sistema-contenido[b-djnvghju7y] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 13px 32px;
    overflow: hidden;
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .contenido-principal[b-djnvghju7y] {
        padding: 12px 10px 18px;
    }

    .titulo-seccion h1[b-djnvghju7y] {
        font-size: 1.12rem;
        white-space: nowrap;
    }

    .titulo-seccion[b-djnvghju7y] {
        margin-bottom: 10px;
    }

    .grilla-modulos[b-djnvghju7y] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .tarjeta-modulo[b-djnvghju7y] {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 11px;
        align-items: center;
        min-height: 0;
        padding: 11px 12px;
        border-radius: 14px;
        box-shadow: 0 3px 10px rgba(var(--color-oscuro-rgb), 0.07);
    }

    .icono-modulo[b-djnvghju7y] {
        width: 44px;
        height: 44px;
        min-width: 0;
        flex-basis: auto;
        margin: 0;
        border-radius: 11px;
    }

    .icono-modulo[b-djnvghju7y]  .icono-modulo-svg {
        width: 25px;
        height: 25px;
    }

    .datos-modulo h3[b-djnvghju7y] {
        margin: 0 0 2px;
        font-size: .92rem;
        line-height: 1.15;
    }

    .datos-modulo p[b-djnvghju7y] {
        margin: 0 0 4px;
        font-size: 0.8rem;
        line-height: 1.3;
    }

    .enlace-modulo[b-djnvghju7y] {
        display: none;
    }

    .pie-sistema-contenido[b-djnvghju7y] {
        padding: 7px 8px;
        font-size: .62rem;
    }
}

@media (max-width: 450px) {
    .icono-modulo[b-djnvghju7y] {
        width: 38px;
        height: 38px;
        border-radius: 9px;
    }

    .icono-modulo[b-djnvghju7y]  .icono-modulo-svg {
        width: 22px;
        height: 22px;
    }

    .tarjeta-modulo[b-djnvghju7y] {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 9px;
        padding: 9px 10px;
    }

    .datos-modulo p[b-djnvghju7y] {
        font-size: 0.72rem;
        line-height: 1.22;
    }
}

@media (max-width: 380px) {
    .contenido-principal[b-djnvghju7y] {
        padding: 8px 7px 12px;
    }

    .etiqueta[b-djnvghju7y] {
        font-size: .61rem;
    }

    .titulo-seccion h1[b-djnvghju7y] {
        margin-top: 2px;
        font-size: 1rem;
    }

    .titulo-seccion[b-djnvghju7y] {
        margin-bottom: 7px;
    }

    .tarjeta-modulo[b-djnvghju7y] {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 7px;
        padding: 7px 8px;
    }

    .icono-modulo[b-djnvghju7y] {
        width: 34px;
        height: 34px;
    }

    .icono-modulo[b-djnvghju7y]  .icono-modulo-svg {
        width: 19px;
        height: 19px;
    }

    .datos-modulo h3[b-djnvghju7y] {
        font-size: .86rem;
    }

    .datos-modulo p[b-djnvghju7y] {
        font-size: .68rem;
    }

    .pie-sistema-contenido[b-djnvghju7y] {
        padding: 5px 4px;
        font-size: .52rem;
    }
}
/* /Components/Pages/Mantencion/CambioProgramacionDialog.razor.rz.scp.css */
.modal-cambio-fondo[b-uh8qizhra3] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    padding: 20px;
    place-items: center;
    background: var(--fondo-modal);
}

.modal-cambio[b-uh8qizhra3] {
    width: min(620px, 100%);
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 18px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.modal-cambio-encabezado[b-uh8qizhra3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px 20px;
    border-bottom: 3px solid var(--color-primario);
    background: var(--color-oscuro);
    color: var(--color-blanco);
}

.modal-cambio-encabezado span[b-uh8qizhra3] {
    color: var(--color-primario-suave);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.modal-cambio-encabezado h2[b-uh8qizhra3] {
    margin: 5px 0 4px;
    color: var(--color-blanco);
    font-size: 1.48rem;
}

.modal-cambio-encabezado p[b-uh8qizhra3] {
    margin: 0;
    color: rgba(var(--color-blanco-rgb), 0.76);
    font-size: 0.86rem;
}

.cerrar-modal-cambio[b-uh8qizhra3] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid rgba(var(--color-blanco-rgb), 0.24);
    border-radius: 50%;
    background: rgba(var(--color-blanco-rgb), 0.09);
    color: var(--color-blanco);
    font-size: 1.2rem;
    cursor: pointer;
}

.modal-cambio-contenido[b-uh8qizhra3] {
    padding: 24px 26px;
}

.fecha-programada-cambio[b-uh8qizhra3] {
    margin: 0 0 20px;
    color: var(--color-texto-secundario);
    font-size: 0.86rem;
}

.campo-cambio + .campo-cambio[b-uh8qizhra3] {
    margin-top: 16px;
}

.campo-cambio label[b-uh8qizhra3] {
    display: block;
    margin-bottom: 7px;
    color: var(--color-oscuro);
    font-size: 0.82rem;
    font-weight: 800;
}

.campo-cambio small[b-uh8qizhra3] {
    display: block;
    margin-top: 5px;
    color: var(--color-texto-secundario);
    text-align: right;
}

.control-reporte[b-uh8qizhra3] {
    width: 100%;
    min-height: 40px;
    padding: 8px 11px;
}

.motivo-cambio[b-uh8qizhra3] {
    min-height: 96px;
    resize: vertical;
}

.nota-cambio[b-uh8qizhra3] {
    margin-top: 18px;
    padding: 13px 15px;
    border-radius: 10px;
    background: var(--color-superficie-suave);
    color: var(--color-texto-secundario);
    font-size: 0.8rem;
    line-height: 1.5;
}

.mensaje-cambio-error[b-uh8qizhra3] {
    margin-top: 14px;
    padding: 11px 13px;
    border: 1px solid var(--color-error-borde);
    border-radius: 9px;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-size: 0.82rem;
    font-weight: 700;
}

.modal-cambio-acciones[b-uh8qizhra3] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 17px 26px 22px;
    border-top: 1px solid var(--color-borde);
}

.boton-volver-cambio[b-uh8qizhra3],
.boton-aplicar-cambio[b-uh8qizhra3] {
    min-height: 42px;
    padding: 9px 17px;
    border-radius: 9px;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-volver-cambio[b-uh8qizhra3] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-oscuro);
}

.boton-aplicar-cambio[b-uh8qizhra3] {
    border: 1px solid var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.boton-aplicar-cambio.cancelar[b-uh8qizhra3] {
    border-color: var(--color-error-texto);
    background: var(--color-error-texto);
}

.boton-volver-cambio:disabled[b-uh8qizhra3],
.boton-aplicar-cambio:disabled[b-uh8qizhra3],
.cerrar-modal-cambio:disabled[b-uh8qizhra3] {
    cursor: wait;
    opacity: 0.62;
}

@media (max-width: 600px) {
    .modal-cambio-fondo[b-uh8qizhra3] {
        padding: 8px;
    }

    .modal-cambio[b-uh8qizhra3] {
        max-height: calc(100dvh - 16px);
        overflow-y: auto;
    }

    .modal-cambio-encabezado[b-uh8qizhra3] {
        padding: 14px 12px 12px;
    }

    .modal-cambio-contenido[b-uh8qizhra3] {
        padding: 12px;
    }

    .fecha-programada-cambio[b-uh8qizhra3] {
        margin-bottom: 12px;
    }

    .campo-cambio + .campo-cambio[b-uh8qizhra3] {
        margin-top: 10px;
    }

    .motivo-cambio[b-uh8qizhra3] {
        min-height: 76px;
    }

    .nota-cambio[b-uh8qizhra3] {
        margin-top: 11px;
        padding: 10px 11px;
    }

    .modal-cambio-acciones[b-uh8qizhra3] {
        gap: 8px;
        padding: 10px 12px 12px;
    }

    .boton-volver-cambio[b-uh8qizhra3],
    .boton-aplicar-cambio[b-uh8qizhra3] {
        min-height: 44px;
        flex: 1 1 0;
        padding-inline: 10px;
    }
}
/* /Components/Pages/Mantencion/ConfirmacionEjecucionDialog.razor.rz.scp.css */
.modal-confirmacion-fondo[b-8m9lgnnng0] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    padding: 20px;
    place-items: center;
    background: var(--fondo-modal);
}

.modal-confirmacion[b-8m9lgnnng0] {
    width: min(620px, 100%);
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 18px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.modal-confirmacion-encabezado[b-8m9lgnnng0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px 20px;
    border-bottom: 3px solid var(--color-primario);
    background: var(--color-oscuro);
    color: var(--color-blanco);
}

.modal-confirmacion-encabezado span[b-8m9lgnnng0] {
    color: var(--color-primario-suave);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.modal-confirmacion-encabezado h2[b-8m9lgnnng0] {
    margin: 5px 0 4px;
    color: var(--color-blanco);
    font-size: 1.48rem;
}

.modal-confirmacion-encabezado p[b-8m9lgnnng0] {
    margin: 0;
    color: rgba(var(--color-blanco-rgb), 0.76);
    font-size: 0.86rem;
}

.cerrar-modal[b-8m9lgnnng0] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid rgba(var(--color-blanco-rgb), 0.24);
    border-radius: 50%;
    background: rgba(var(--color-blanco-rgb), 0.09);
    color: var(--color-blanco);
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 160ms ease;
}

.cerrar-modal:hover:not(:disabled)[b-8m9lgnnng0] {
    background: rgba(var(--color-blanco-rgb), 0.16);
}

.modal-confirmacion-contenido[b-8m9lgnnng0] {
    padding: 24px 26px;
}

.pregunta-confirmacion[b-8m9lgnnng0] {
    margin: 0 0 7px;
    color: var(--color-oscuro);
    font-size: 1.05rem;
    font-weight: 800;
}

.fecha-programada-modal[b-8m9lgnnng0] {
    margin: 0 0 20px;
    color: var(--color-texto-secundario);
    font-size: 0.86rem;
}

.campos-ejecucion[b-8m9lgnnng0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.campo-ejecucion label[b-8m9lgnnng0] {
    display: block;
    margin-bottom: 7px;
    color: var(--color-oscuro);
    font-size: 0.82rem;
    font-weight: 800;
}

.control-reporte[b-8m9lgnnng0] {
    width: 100%;
    min-height: 40px;
    padding: 8px 11px;
}

.nota-auditoria[b-8m9lgnnng0] {
    margin-top: 18px;
    padding: 13px 15px;
    border-radius: 10px;
    background: var(--color-superficie-suave);
    color: var(--color-texto-secundario);
    font-size: 0.8rem;
    line-height: 1.5;
}

.mensaje-confirmacion-error[b-8m9lgnnng0] {
    margin-top: 14px;
    padding: 11px 13px;
    border: 1px solid var(--color-error-borde);
    border-radius: 9px;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-size: 0.82rem;
    font-weight: 700;
}

.modal-confirmacion-acciones[b-8m9lgnnng0] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 17px 26px 22px;
    border-top: 1px solid var(--color-borde);
}

.boton-cancelar[b-8m9lgnnng0],
.boton-confirmar[b-8m9lgnnng0] {
    min-height: 42px;
    padding: 9px 17px;
    border-radius: 9px;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
    transition:
        border-color 160ms ease,
        background-color 160ms ease,
        color 160ms ease;
}

.boton-cancelar[b-8m9lgnnng0] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-oscuro);
}

.boton-confirmar[b-8m9lgnnng0] {
    border: 1px solid var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.boton-cancelar:hover:not(:disabled)[b-8m9lgnnng0] {
    border-color: var(--color-primario);
    background: var(--color-primario-superficie);
    color: var(--color-primario);
}

.boton-confirmar:hover:not(:disabled)[b-8m9lgnnng0] {
    background: var(--color-accion-hover);
}

.boton-cancelar:disabled[b-8m9lgnnng0],
.boton-confirmar:disabled[b-8m9lgnnng0],
.cerrar-modal:disabled[b-8m9lgnnng0] {
    cursor: wait;
    opacity: 0.62;
}

@media (max-width: 600px) {
    .modal-confirmacion-fondo[b-8m9lgnnng0] {
        padding: 8px;
    }

    .modal-confirmacion[b-8m9lgnnng0] {
        max-height: calc(100dvh - 16px);
        overflow-y: auto;
    }

    .modal-confirmacion-encabezado[b-8m9lgnnng0] {
        padding: 14px 12px 12px;
    }

    .modal-confirmacion-contenido[b-8m9lgnnng0] {
        padding: 12px;
    }

    .fecha-programada-modal[b-8m9lgnnng0] {
        margin-bottom: 12px;
    }

    .campos-ejecucion[b-8m9lgnnng0] {
        gap: 8px;
    }

    .nota-auditoria[b-8m9lgnnng0] {
        margin-top: 11px;
        padding: 10px 11px;
    }

    .modal-confirmacion-acciones[b-8m9lgnnng0] {
        gap: 8px;
        padding: 10px 12px 12px;
    }

    .boton-cancelar[b-8m9lgnnng0],
    .boton-confirmar[b-8m9lgnnng0] {
        min-height: 44px;
        flex: 1 1 0;
        padding-inline: 10px;
    }
}

@media (max-width: 350px) {
    .campos-ejecucion[b-8m9lgnnng0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Mantencion/EdicionManualPlanificacionDialog.razor.rz.scp.css */
.modal-planificacion-manual-fondo[b-n9a7307ovq] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(30, 17, 13, .58);
}

.modal-planificacion-manual[b-n9a7307ovq] {
    width: min(760px, 100%);
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-tarjeta);
}

.modal-planificacion-manual > header[b-n9a7307ovq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--color-borde);
}

.modal-planificacion-manual header span[b-n9a7307ovq] { color: var(--color-primario); font-size: .72rem; font-weight: 800; }
.modal-planificacion-manual h2[b-n9a7307ovq] { margin: .2rem 0; font-size: 1.25rem; }
.modal-planificacion-manual header p[b-n9a7307ovq] { margin: 0; color: var(--color-texto-secundario); }
.modal-planificacion-manual header button[b-n9a7307ovq] { border: 0; background: transparent; font-size: 1.7rem; cursor: pointer; }
.modal-planificacion-manual form[b-n9a7307ovq] { padding: 1rem 1.1rem; }

.grilla-planificacion-manual[b-n9a7307ovq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.grilla-planificacion-manual label[b-n9a7307ovq] { display: grid; gap: .35rem; min-width: 0; }
.grilla-planificacion-manual label > span[b-n9a7307ovq] { font-weight: 700; font-size: .82rem; }
.grilla-planificacion-manual input[b-n9a7307ovq],
.grilla-planificacion-manual select[b-n9a7307ovq],
.grilla-planificacion-manual textarea[b-n9a7307ovq] {
    width: 100%;
    min-height: 42px;
    padding: .55rem .65rem;
    border: 1px solid var(--color-borde-fuerte);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
    box-sizing: border-box;
}
.grilla-planificacion-manual textarea[b-n9a7307ovq] { resize: vertical; }
.campo-ancho[b-n9a7307ovq] { grid-column: 1 / -1; }
.nota-planificacion-manual[b-n9a7307ovq] { padding: .7rem; border-radius: 8px; background: var(--color-superficie-secundaria); font-size: .8rem; }
.mensaje-planificacion-manual[b-n9a7307ovq] { margin-top: .75rem; color: var(--color-error, #a52a22); font-weight: 700; }
.modal-planificacion-manual footer[b-n9a7307ovq] { display: flex; justify-content: flex-end; gap: .65rem; margin-top: 1rem; }
.estado-formulario-manual[b-n9a7307ovq] { padding: 2rem; text-align: center; }

@media (max-width: 620px) {
    .modal-planificacion-manual-fondo[b-n9a7307ovq] { padding: .45rem; align-items: end; }
    .modal-planificacion-manual[b-n9a7307ovq] { max-height: calc(100dvh - .9rem); border-radius: 16px 16px 0 0; }
    .grilla-planificacion-manual[b-n9a7307ovq] { grid-template-columns: 1fr; }
    .campo-ancho[b-n9a7307ovq] { grid-column: auto; }
    .modal-planificacion-manual footer[b-n9a7307ovq] { position: sticky; bottom: 0; padding-top: .75rem; background: var(--color-superficie); }
}
/* /Components/Pages/Mantencion/EditarAvisoDialog.razor.rz.scp.css */
.modal-aviso-fondo[b-tveg9ezsty] {
    position: fixed;
    inset: 0;
    z-index: 1150;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: var(--fondo-modal);
}

.modal-aviso[b-tveg9ezsty] {
    width: min(900px, 100%);
    max-height: calc(100vh - 32px);
    overflow: auto;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.modal-aviso-cabecera[b-tveg9ezsty],
.modal-aviso-acciones[b-tveg9ezsty] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--color-borde);
}

.modal-aviso-cabecera span[b-tveg9ezsty] {
    color: var(--color-primario);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.modal-aviso-cabecera h3[b-tveg9ezsty] { margin: 2px 0; font-size: 1.15rem; }
.modal-aviso-cabecera p[b-tveg9ezsty] { margin: 0; color: var(--color-texto-secundario); font-size: .8rem; }
.modal-aviso-cabecera button[b-tveg9ezsty] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    color: var(--color-texto);
    font: inherit;
    font-size: 1.25rem;
    cursor: pointer;
}

.modal-aviso-cabecera button:hover[b-tveg9ezsty] {
    border-color: var(--color-borde);
    background: var(--color-superficie-secundaria);
}

.modal-aviso-contenido[b-tveg9ezsty] { padding: 14px 18px; }

.modal-aviso-contenido[b-tveg9ezsty]  .seccion-formulario {
    padding: 14px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie-suave);
}

.modal-aviso-contenido[b-tveg9ezsty]  .titulo-seccion-formulario {
    margin: 0 0 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-borde);
    color: var(--color-oscuro);
    font-size: .98rem;
}

.modal-aviso-contenido[b-tveg9ezsty]  .fila-formulario {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}

.modal-aviso-contenido[b-tveg9ezsty]  .grupo-campo {
    min-width: 0;
}

.modal-aviso-contenido[b-tveg9ezsty]  .campo-completo {
    grid-column: 1 / -1;
}

.modal-aviso-contenido[b-tveg9ezsty]  .cabecera-campo {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
}

.modal-aviso-contenido[b-tveg9ezsty]  .numero-campo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    min-width: 21px;
    height: 21px;
    border-radius: 6px;
    background: var(--color-primario);
    color: var(--color-blanco);
    font-size: .68rem;
    font-weight: 800;
}

.modal-aviso-contenido[b-tveg9ezsty]  .etiqueta-campo,
.campo-edicion label[b-tveg9ezsty] {
    color: var(--color-texto);
    font-size: .78rem;
    font-weight: 800;
}

.modal-aviso-contenido[b-tveg9ezsty]  .campo-obligatorio {
    color: var(--color-primario);
}

.modal-aviso-contenido[b-tveg9ezsty]  .control-formulario,
.campo-edicion .control-formulario[b-tveg9ezsty] {
    width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
    font-size: .8rem;
}

.modal-aviso-contenido[b-tveg9ezsty]  .control-formulario:focus,
.campo-edicion .control-formulario:focus[b-tveg9ezsty] {
    outline: 0;
    border-color: var(--color-primario);
    box-shadow: 0 0 0 3px rgba(var(--color-primario-rgb), .13);
}

.modal-aviso-contenido[b-tveg9ezsty]  .control-formulario:disabled,
.modal-aviso-contenido[b-tveg9ezsty]  .control-formulario[readonly] {
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
    cursor: not-allowed;
}

.modal-aviso-contenido[b-tveg9ezsty]  .ayuda-campo {
    display: block;
    margin-top: 4px;
    color: var(--color-texto-secundario);
    font-size: .69rem;
}

.modal-aviso-contenido[b-tveg9ezsty]  .validation-message,
.campo-edicion .validation-message[b-tveg9ezsty] {
    display: block;
    margin-top: 4px;
    color: var(--color-error-texto);
    font-size: .72rem;
    font-weight: 700;
}

.campo-edicion[b-tveg9ezsty] {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid var(--color-borde);
    border-radius: 10px;
    background: var(--color-superficie-suave);
}

.campo-edicion label[b-tveg9ezsty] { display: block; margin-bottom: 6px; }
.campo-edicion textarea[b-tveg9ezsty] { min-height: 82px; resize: vertical; }

.cabecera-criticidad-edicion[b-tveg9ezsty] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.cabecera-criticidad-edicion label[b-tveg9ezsty] {
    margin: 0;
}

.criticidad-actual[b-tveg9ezsty] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 9px;
    border-radius: 7px;
    background: var(--color-criticidad);
    color: var(--color-blanco);
    font-size: .74rem;
    font-weight: 800;
}

.control-criticidad-edicion[b-tveg9ezsty] {
    width: 100%;
    height: 20px;
    margin: 0;
    appearance: none;
    border: 0;
    border-radius: 999px;
    outline: 0;
    background: linear-gradient(
        90deg,
        var(--criticidad-1) 0% 10%,
        var(--criticidad-2) 10% 20%,
        var(--criticidad-3) 20% 30%,
        var(--criticidad-4) 30% 40%,
        var(--criticidad-5) 40% 50%,
        var(--criticidad-6) 50% 60%,
        var(--criticidad-7) 60% 70%,
        var(--criticidad-8) 70% 80%,
        var(--criticidad-9) 80% 90%,
        var(--criticidad-10) 90% 100%);
    cursor: pointer;
}

.control-criticidad-edicion[b-tveg9ezsty]::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    appearance: none;
    border: 3px solid var(--color-superficie);
    border-radius: 50%;
    background: var(--color-criticidad);
    box-shadow: 0 0 0 2px var(--color-criticidad);
}

.control-criticidad-edicion[b-tveg9ezsty]::-moz-range-track {
    height: 8px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        var(--criticidad-1) 0% 10%,
        var(--criticidad-2) 10% 20%,
        var(--criticidad-3) 20% 30%,
        var(--criticidad-4) 30% 40%,
        var(--criticidad-5) 40% 50%,
        var(--criticidad-6) 50% 60%,
        var(--criticidad-7) 60% 70%,
        var(--criticidad-8) 70% 80%,
        var(--criticidad-9) 80% 90%,
        var(--criticidad-10) 90% 100%);
}

.control-criticidad-edicion[b-tveg9ezsty]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border: 3px solid var(--color-superficie);
    border-radius: 50%;
    background: var(--color-criticidad);
    box-shadow: 0 0 0 2px var(--color-criticidad);
}

.control-criticidad-edicion:focus-visible[b-tveg9ezsty]::-webkit-slider-thumb {
    box-shadow: 0 0 0 2px var(--color-superficie),
                0 0 0 5px var(--color-criticidad);
}

.niveles-criticidad-edicion[b-tveg9ezsty] {
    display: grid;
    grid-template-columns: repeat(10, minmax(28px, 1fr));
    gap: 5px;
    margin-top: 8px;
}

.nivel-criticidad-edicion[b-tveg9ezsty] {
    min-width: 0;
    min-height: 32px;
    padding: 4px;
    border: 2px solid transparent;
    border-radius: 7px;
    background: var(--color-nivel);
    color: var(--color-blanco);
    font: inherit;
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
}

.nivel-criticidad-edicion.nivel-claro[b-tveg9ezsty] {
    color: #28140c;
}

.nivel-criticidad-edicion:hover[b-tveg9ezsty],
.nivel-criticidad-edicion:focus-visible[b-tveg9ezsty],
.nivel-criticidad-edicion.seleccionado[b-tveg9ezsty] {
    border-color: var(--color-oscuro);
    outline: 0;
    box-shadow: inset 0 0 0 1px var(--color-superficie);
    transform: translateY(-1px);
}

.nivel-criticidad-edicion.seleccionado[b-tveg9ezsty] {
    box-shadow: inset 0 0 0 2px var(--color-superficie),
                0 2px 5px rgba(var(--color-negro-rgb), .2);
}

.extremos-criticidad-edicion[b-tveg9ezsty] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 5px;
    color: var(--color-texto-secundario);
    font-size: .66rem;
}

.extremos-criticidad-edicion span:last-child[b-tveg9ezsty] {
    text-align: right;
}

.mensaje-operacion-error[b-tveg9ezsty] { margin-top: 12px; padding: 10px; border-radius: 8px; background: var(--color-error-superficie); color: var(--color-error-texto); }
.modal-aviso-acciones[b-tveg9ezsty] { justify-content: flex-end; align-items: center; border-top: 1px solid var(--color-borde); border-bottom: 0; background: var(--color-superficie-suave); }

.modal-aviso-acciones .boton-secundario[b-tveg9ezsty],
.modal-aviso-acciones .boton-primario[b-tveg9ezsty] {
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 8px;
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.modal-aviso-acciones .boton-secundario[b-tveg9ezsty] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto);
}

.modal-aviso-acciones .boton-secundario:hover[b-tveg9ezsty] {
    border-color: var(--color-borde-fuerte);
    background: var(--color-superficie-secundaria);
}

.modal-aviso-acciones .boton-primario[b-tveg9ezsty] {
    border: 1px solid var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.modal-aviso-acciones .boton-primario:hover[b-tveg9ezsty] {
    background: var(--color-accion-hover);
}

.modal-aviso-acciones button:disabled[b-tveg9ezsty],
.modal-aviso-cabecera button:disabled[b-tveg9ezsty] {
    opacity: .58;
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .modal-aviso-fondo[b-tveg9ezsty] { padding: 0; }
    .modal-aviso[b-tveg9ezsty] { max-height: 100vh; border-radius: 0; }
    .modal-aviso-cabecera[b-tveg9ezsty],
    .modal-aviso-contenido[b-tveg9ezsty],
    .modal-aviso-acciones[b-tveg9ezsty] { padding: 10px 12px; }
    .modal-aviso-contenido[b-tveg9ezsty]  .seccion-formulario { padding: 10px; }
    .modal-aviso-contenido[b-tveg9ezsty]  .fila-formulario { grid-template-columns: 1fr; }
    .modal-aviso-contenido[b-tveg9ezsty]  .fila-formulario { gap: 8px; }
    .modal-aviso-contenido[b-tveg9ezsty]  .campo-completo { grid-column: auto; }
    .cabecera-criticidad-edicion[b-tveg9ezsty] { align-items: flex-start; flex-direction: column; gap: 6px; }
    .niveles-criticidad-edicion[b-tveg9ezsty] { gap: 3px; }
    .nivel-criticidad-edicion[b-tveg9ezsty] { min-height: 36px; padding-inline: 2px; }
    .modal-aviso-acciones .boton-secundario[b-tveg9ezsty],
    .modal-aviso-acciones .boton-primario[b-tveg9ezsty] { flex: 1; }
}
/* /Components/Pages/Mantencion/EliminarAvisoDialog.razor.rz.scp.css */
.modal-eliminar-fondo[b-6loigb38v3] { position: fixed; inset: 0; z-index: 1160; display: flex; align-items: center; justify-content: center; padding: 18px; background: var(--fondo-modal); }
.modal-eliminar[b-6loigb38v3] { width: min(560px, 100%); overflow: hidden; border: 1px solid var(--color-error-borde); border-radius: 14px; background: var(--color-superficie); box-shadow: var(--sombra-elevada); }
.modal-eliminar header[b-6loigb38v3], .contenido-eliminar[b-6loigb38v3], .modal-eliminar footer[b-6loigb38v3] { padding: 16px 20px; }
.modal-eliminar header[b-6loigb38v3] { border-bottom: 1px solid var(--color-borde); }
.modal-eliminar h3[b-6loigb38v3] { margin: 0 0 5px; font-size: 1.15rem; }
.modal-eliminar p[b-6loigb38v3] { margin: 0; color: var(--color-texto-secundario); font-size: .82rem; }
.contenido-eliminar label[b-6loigb38v3] { display: block; margin: 10px 0 5px; font-size: .82rem; font-weight: 700; }
.contenido-eliminar textarea[b-6loigb38v3], .contenido-eliminar input[b-6loigb38v3] { width: 100%; padding: 9px 10px; border: 1px solid var(--color-borde); border-radius: 8px; font: inherit; }
.contenido-eliminar textarea[b-6loigb38v3] { min-height: 85px; resize: vertical; }
.mensaje-eliminar[b-6loigb38v3] { margin-top: 10px; color: var(--color-error-texto); font-weight: 700; }
.modal-eliminar footer[b-6loigb38v3] { display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--color-borde); background: var(--color-superficie-suave); }
.boton-eliminar-definitivo[b-6loigb38v3] { min-height: 38px; padding: 8px 14px; border: 0; border-radius: 8px; background: var(--color-error-texto); color: #fff; font-weight: 800; cursor: pointer; }
.boton-eliminar-definitivo:disabled[b-6loigb38v3] { opacity: .5; cursor: not-allowed; }

@media (max-width: 600px) {
    .modal-eliminar-fondo[b-6loigb38v3] { padding: 8px; }
    .modal-eliminar[b-6loigb38v3] { max-height: calc(100dvh - 16px); overflow-y: auto; }
    .modal-eliminar header[b-6loigb38v3],
    .contenido-eliminar[b-6loigb38v3],
    .modal-eliminar footer[b-6loigb38v3] { padding: 12px; }
    .contenido-eliminar textarea[b-6loigb38v3] { min-height: 70px; }
    .modal-eliminar footer[b-6loigb38v3] { gap: 8px; }
    .modal-eliminar footer button[b-6loigb38v3] { min-height: 44px; flex: 1 1 0; }
}
/* /Components/Pages/Mantencion/FirmaMecanicoDialog.razor.rz.scp.css */
.modal-firma-fondo[b-hhja9gljv3] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: var(--fondo-modal);
    backdrop-filter: blur(2px);
}

.modal-firma[b-hhja9gljv3] {
    width: min(520px, 100%);
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.modal-firma-cabecera[b-hhja9gljv3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px 16px;
    border-bottom: 1px solid var(--color-borde);
}

.modal-firma-cabecera span[b-hhja9gljv3] {
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.modal-firma-cabecera h3[b-hhja9gljv3] {
    margin: 3px 0;
    color: var(--color-oscuro);
    font-size: 1.25rem;
}

.modal-firma-cabecera p[b-hhja9gljv3] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
}

.modal-firma-cerrar[b-hhja9gljv3] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 0;
    border-radius: 50%;
    background: var(--color-superficie-secundaria);
    color: var(--color-texto);
    font-size: 1.25rem;
    cursor: pointer;
}

.modal-firma-cerrar:disabled[b-hhja9gljv3] {
    cursor: not-allowed;
    opacity: 0.55;
}

.modal-firma-contenido[b-hhja9gljv3] {
    padding: 20px 22px;
}

.campo-firma[b-hhja9gljv3] {
    min-width: 0;
}

.campo-firma + .campo-firma[b-hhja9gljv3] {
    margin-top: 14px;
}

.campo-firma label[b-hhja9gljv3] {
    display: block;
    margin-bottom: 6px;
    color: var(--color-texto);
    font-size: 0.82rem;
    font-weight: 700;
}

.observacion-cierre[b-hhja9gljv3] {
    min-height: 78px;
    resize: vertical;
}

.campos-cierre[b-hhja9gljv3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 14px;
}

.campos-cierre .campo-firma + .campo-firma[b-hhja9gljv3] {
    margin-top: 0;
}

.nota-auditoria[b-hhja9gljv3] {
    margin: 14px 0 0;
    padding: 11px 12px;
    border-radius: 9px;
    background: var(--color-superficie-suave);
    color: var(--color-texto-secundario);
    font-size: 0.76rem;
    line-height: 1.45;
}

.mensaje-firma-error[b-hhja9gljv3] {
    margin-top: 14px;
    padding: 11px 12px;
    border: 1px solid var(--color-error-borde);
    border-radius: 9px;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-size: 0.8rem;
    font-weight: 700;
}

.modal-firma-acciones[b-hhja9gljv3] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 22px 20px;
    border-top: 1px solid var(--color-borde);
    background: var(--color-superficie-suave);
}

.boton-cancelar-firma[b-hhja9gljv3],
.boton-guardar-firma[b-hhja9gljv3] {
    min-height: 38px;
    padding: 8px 15px;
    border-radius: 8px;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-cancelar-firma[b-hhja9gljv3] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto);
}

.boton-guardar-firma[b-hhja9gljv3] {
    border: 1px solid var(--color-primario);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.boton-cancelar-firma:disabled[b-hhja9gljv3],
.boton-guardar-firma:disabled[b-hhja9gljv3] {
    cursor: not-allowed;
    opacity: 0.6;
}

@media (max-width: 600px) {
    .modal-firma-fondo[b-hhja9gljv3] {
        padding: 8px;
    }

    .modal-firma[b-hhja9gljv3] {
        max-height: calc(100dvh - 16px);
        overflow-y: auto;
    }

    .modal-firma-cabecera[b-hhja9gljv3],
    .modal-firma-contenido[b-hhja9gljv3],
    .modal-firma-acciones[b-hhja9gljv3] {
        padding: 12px;
    }

    .campo-firma + .campo-firma[b-hhja9gljv3],
    .campos-cierre[b-hhja9gljv3],
    .nota-auditoria[b-hhja9gljv3] {
        margin-top: 10px;
    }

    .campos-cierre[b-hhja9gljv3] {
        gap: 8px;
    }

    .modal-firma-acciones[b-hhja9gljv3] {
        gap: 8px;
    }

    .boton-cancelar-firma[b-hhja9gljv3],
    .boton-guardar-firma[b-hhja9gljv3] {
        min-height: 44px;
        flex: 1 1 0;
    }
}

@media (max-width: 350px) {
    .campos-cierre[b-hhja9gljv3] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Mantencion/FirmaSolicitanteDialog.razor.rz.scp.css */
.firma-solicitante-fondo[b-xrnxl4qvy7] {
    position: fixed;
    inset: 0;
    /* Debe quedar por encima del detalle del aviso (1140) y de edición (1150). */
    z-index: 1170;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: var(--fondo-modal);
    backdrop-filter: blur(2px);
}

.firma-solicitante-dialogo[b-xrnxl4qvy7] {
    width: min(520px, 100%);
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.firma-solicitante-cabecera[b-xrnxl4qvy7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--color-borde);
}

.firma-solicitante-cabecera span[b-xrnxl4qvy7] {
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.firma-solicitante-cabecera h3[b-xrnxl4qvy7] {
    margin: 3px 0;
    color: var(--color-oscuro);
    font-size: 1.25rem;
}

.firma-solicitante-cabecera p[b-xrnxl4qvy7] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
}

.firma-solicitante-cerrar[b-xrnxl4qvy7] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid var(--color-borde);
    border-radius: 50%;
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
    font-size: 1.2rem;
    cursor: pointer;
}

.firma-solicitante-cerrar:disabled[b-xrnxl4qvy7] {
    cursor: not-allowed;
    opacity: 0.55;
}

.firma-solicitante-contenido[b-xrnxl4qvy7] {
    padding: 20px 22px;
}

.firma-solicitante-campo[b-xrnxl4qvy7] {
    display: grid;
    gap: 7px;
}

.firma-solicitante-campo label[b-xrnxl4qvy7] {
    color: var(--color-texto);
    font-size: 0.8rem;
    font-weight: 700;
}

.firma-solicitante-campo input[b-xrnxl4qvy7] {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
}

.firma-solicitante-campo input:focus[b-xrnxl4qvy7] {
    border-color: var(--color-primario);
    outline: 2px solid color-mix(in srgb, var(--color-primario) 18%, transparent);
}

.firma-solicitante-nota[b-xrnxl4qvy7] {
    margin: 14px 0 0;
    color: var(--color-texto-secundario);
    font-size: 0.78rem;
}

.firma-solicitante-error[b-xrnxl4qvy7] {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-size: 0.8rem;
    font-weight: 700;
}

.firma-solicitante-acciones[b-xrnxl4qvy7] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 22px 20px;
}

.firma-solicitante-cancelar[b-xrnxl4qvy7],
.firma-solicitante-confirmar[b-xrnxl4qvy7] {
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 8px;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

.firma-solicitante-cancelar[b-xrnxl4qvy7] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto-secundario);
}

.firma-solicitante-confirmar[b-xrnxl4qvy7] {
    border: 1px solid var(--color-primario);
    background: var(--color-primario);
    color: var(--color-blanco);
}

.firma-solicitante-cancelar:disabled[b-xrnxl4qvy7],
.firma-solicitante-confirmar:disabled[b-xrnxl4qvy7] {
    cursor: not-allowed;
    opacity: 0.65;
}

@media (max-width: 600px) {
    .firma-solicitante-fondo[b-xrnxl4qvy7] {
        padding: 8px;
    }

    .firma-solicitante-cabecera[b-xrnxl4qvy7],
    .firma-solicitante-contenido[b-xrnxl4qvy7],
    .firma-solicitante-acciones[b-xrnxl4qvy7] {
        padding: 12px;
    }

    .firma-solicitante-nota[b-xrnxl4qvy7] {
        margin-top: 10px;
    }

    .firma-solicitante-acciones[b-xrnxl4qvy7] {
        gap: 8px;
    }

    .firma-solicitante-cancelar[b-xrnxl4qvy7],
    .firma-solicitante-confirmar[b-xrnxl4qvy7] {
        min-height: 44px;
        flex: 1 1 0;
    }
}
/* /Components/Pages/Mantencion/GestionAvisos.razor.rz.scp.css */
.reporte-avisos[b-wqpjq4vwzh] {
    width: 100%;
}

.panel-filtros[b-wqpjq4vwzh] {
    grid-template-columns: minmax(240px, 1.7fr) repeat(4, minmax(145px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
    padding: 14px;
}

.control-reporte[b-wqpjq4vwzh] {
    min-height: 40px;
    padding-block: 7px;
}

.indicador-reporte[b-wqpjq4vwzh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: var(--espacio-tarjeta-indicador);
}

.resumen-reporte[b-wqpjq4vwzh] {
    gap: 10px;
    margin-bottom: 12px;
}

.indicador-reporte span[b-wqpjq4vwzh] {
    color: var(--color-texto-secundario);
    font-size: 0.76rem;
    font-weight: 600;
}

.indicador-reporte strong[b-wqpjq4vwzh] {
    flex: 0 0 auto;
    margin: 0;
    color: var(--color-oscuro);
    font-size: 1.15rem;
    line-height: 1;
}

.detalle-aviso[b-wqpjq4vwzh] {
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(var(--color-primario-rgb), 0.3);
    border-radius: 13px;
    background: rgba(var(--color-primario-rgb), 0.06);
}

.detalle-cabecera[b-wqpjq4vwzh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.detalle-cabecera h3[b-wqpjq4vwzh] {
    margin: 3px 0;
    color: var(--color-oscuro);
    font-size: 1.2rem;
}

.detalle-cabecera p[b-wqpjq4vwzh] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
}

.detalle-etiqueta[b-wqpjq4vwzh] {
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.boton-cerrar-detalle[b-wqpjq4vwzh] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(var(--color-primario-rgb), 0.12);
    color: var(--color-primario);
    font-size: 1.2rem;
    cursor: pointer;
}

.detalle-grid[b-wqpjq4vwzh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.detalle-item[b-wqpjq4vwzh] {
    padding: 12px;
    border: 1px solid rgba(var(--color-negro-rgb), 0.07);
    border-radius: 9px;
    background: var(--color-superficie);
}

.detalle-item span[b-wqpjq4vwzh] {
    display: block;
    margin-bottom: 5px;
    color: var(--color-texto-secundario);
    font-size: 0.72rem;
}

.detalle-item strong[b-wqpjq4vwzh] {
    color: var(--color-texto);
    font-size: 0.86rem;
}

.detalle-completo[b-wqpjq4vwzh] {
    grid-column: 1 / -1;
}

.firma-detalle-confirmada[b-wqpjq4vwzh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--color-exito-texto) !important;
}

.contenedor-tabla[b-wqpjq4vwzh] {
    width: 100%;
    max-height: 65vh;
    overflow: auto;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.tabla-avisos[b-wqpjq4vwzh] {
    width: 100%;
    min-width: 1120px;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    color: var(--color-texto);
    font-size: 0.78rem;
}

.tabla-avisos th[b-wqpjq4vwzh],
.tabla-avisos td[b-wqpjq4vwzh] {
    padding: 10px 11px;
    border-right: 1px solid var(--color-borde);
    border-bottom: 1px solid var(--color-borde);
    vertical-align: middle;
}

.tabla-avisos thead th[b-wqpjq4vwzh] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--color-negro);
    color: var(--color-blanco);
    font-size: 0.73rem;
    text-align: left;
}

.tabla-avisos tbody tr:hover td[b-wqpjq4vwzh] {
    background: var(--color-primario-superficie);
}

.tabla-avisos tbody tr.aviso-destacado td[b-wqpjq4vwzh] {
    animation: resaltar-aviso-b-wqpjq4vwzh 8s ease-out both;
}

.tabla-avisos tbody tr.aviso-destacado td:first-child[b-wqpjq4vwzh] {
    box-shadow: inset 4px 0 0 var(--color-primario);
}

@keyframes resaltar-aviso-b-wqpjq4vwzh {
    0%,
    62.5% {
        background: rgba(var(--color-primario-rgb), 0.2);
    }

    100% {
        background: var(--color-superficie);
    }
}

.celda-folio[b-wqpjq4vwzh] {
    width: 140px;
    max-width: 140px;
    overflow: hidden;
    color: var(--color-primario);
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.celda-fecha[b-wqpjq4vwzh] {
    width: 90px;
    white-space: nowrap;
}

.celda-ubicacion[b-wqpjq4vwzh] {
    width: 180px;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.celda-detalle[b-wqpjq4vwzh] {
    width: 210px;
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.celda-firma-mecanico[b-wqpjq4vwzh] {
    width: 120px;
    max-width: 120px;
    white-space: nowrap;
}

.celda-accion[b-wqpjq4vwzh] {
    width: 116px;
    min-width: 116px;
    text-align: center;
}

.etiqueta-criticidad[b-wqpjq4vwzh],
.etiqueta-estado[b-wqpjq4vwzh],
.etiqueta-firma[b-wqpjq4vwzh] {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 7px;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.criticidad-normal[b-wqpjq4vwzh] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.criticidad-alta[b-wqpjq4vwzh] {
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.criticidad-critica[b-wqpjq4vwzh] {
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.estado-abierto[b-wqpjq4vwzh] {
    background: var(--color-info-superficie);
    color: var(--color-info);
}

.estado-terminado[b-wqpjq4vwzh] {
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.estado-cerrado[b-wqpjq4vwzh] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.firma-pendiente[b-wqpjq4vwzh] {
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
}

.firma-sin-estado[b-wqpjq4vwzh] {
    color: var(--color-texto-secundario);
    font-weight: 700;
}

.firma-completa[b-wqpjq4vwzh] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.firma-confirmada[b-wqpjq4vwzh] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 7px;
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.firma-check[b-wqpjq4vwzh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--color-exito);
    color: var(--color-blanco);
    font-size: 0.68rem;
    line-height: 1;
}

.boton-firmar[b-wqpjq4vwzh],
.boton-ver[b-wqpjq4vwzh] {
    min-height: 32px;
    padding: 6px 12px;
    border: 1px solid var(--color-accion);
    border-radius: 7px;
    background: var(--color-superficie);
    color: var(--color-primario);
    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-firmar:hover[b-wqpjq4vwzh],
.boton-ver:hover[b-wqpjq4vwzh] {
    background: var(--color-accion);
    color: var(--color-blanco);
}

.estado-desactivado[b-wqpjq4vwzh] {
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
}

.acciones-administrador-aviso[b-wqpjq4vwzh] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.acciones-tabla-aviso[b-wqpjq4vwzh] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 6px;
}

.boton-accion-icono[b-wqpjq4vwzh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--color-borde);
    border-radius: 7px;
    background: var(--color-superficie);
    color: var(--color-primario);
    cursor: pointer;
    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        transform .16s ease;
}

.boton-accion-icono svg[b-wqpjq4vwzh] {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.boton-ver-icono:hover[b-wqpjq4vwzh],
.boton-editar-icono:hover[b-wqpjq4vwzh] {
    border-color: var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
    transform: translateY(-1px);
}

.boton-eliminar-icono[b-wqpjq4vwzh] {
    color: var(--color-error-texto);
}

.boton-eliminar-icono:hover[b-wqpjq4vwzh] {
    border-color: var(--color-error-borde);
    background: var(--color-error-texto);
    color: var(--color-blanco);
    transform: translateY(-1px);
}

.boton-accion-icono:focus-visible[b-wqpjq4vwzh] {
    outline: 2px solid rgba(var(--color-primario-rgb), .5);
    outline-offset: 2px;
}

.acciones-administrador-aviso[b-wqpjq4vwzh] {
    justify-content: flex-end;
    padding: 0 16px 14px;
}

.boton-eliminar-aviso[b-wqpjq4vwzh] {
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid var(--color-error-borde);
    border-radius: 7px;
    background: var(--color-superficie);
    color: var(--color-error-texto);
    font: inherit;
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
}

.tabla-avisos th:nth-child(1)[b-wqpjq4vwzh] {
    width: 140px;
}
/* Folio */
.tabla-avisos th:nth-child(2)[b-wqpjq4vwzh] {
    width: 90px;
}
/* Fecha */
.tabla-avisos th:nth-child(3)[b-wqpjq4vwzh] {
    width: 170px;
}
/* Ubicación */
.tabla-avisos th:nth-child(4)[b-wqpjq4vwzh] {
    width: 210px;
}
/* Detalle */
.tabla-avisos th:nth-child(5)[b-wqpjq4vwzh] {
    width: 105px;
}
/* Criticidad */
.tabla-avisos th:nth-child(6)[b-wqpjq4vwzh] {
    width: 85px;
}
/* Estado */
.tabla-avisos th:nth-child(7)[b-wqpjq4vwzh] {
    width: 120px;
}
/* Tipo atención */
.tabla-avisos th:nth-child(8)[b-wqpjq4vwzh] {
    width: 125px;
}
/* Firma mecánico */
.tabla-avisos th:nth-child(9)[b-wqpjq4vwzh] {
    width: 125px;
}
/* Firma solicitante */
.tabla-avisos th:nth-child(10)[b-wqpjq4vwzh] {
    width: 116px;
}
/* Acción */

@media (max-width: 1050px) {
    .panel-filtros[b-wqpjq4vwzh] {
        grid-template-columns: repeat(2, 1fr);
    }

    .resumen-reporte[b-wqpjq4vwzh] {
        grid-template-columns: repeat(2, 1fr);
    }

    .detalle-grid[b-wqpjq4vwzh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .panel-filtros[b-wqpjq4vwzh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .control-reporte[b-wqpjq4vwzh] {
        min-height: 44px;
    }

    .resumen-reporte[b-wqpjq4vwzh] {
        grid-template-columns: 1fr 1fr;
    }

    .detalle-grid[b-wqpjq4vwzh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .detalle-completo[b-wqpjq4vwzh] {
        grid-column: 1 / -1;
    }

    .detalle-item[b-wqpjq4vwzh],
    .indicador-reporte[b-wqpjq4vwzh] {
        padding: var(--espacio-tarjeta-indicador-movil);
    }

}

@media (prefers-reduced-motion: reduce) {
    .tabla-avisos tbody tr.aviso-destacado td[b-wqpjq4vwzh] {
        animation: none;
        background: rgba(var(--color-primario-rgb), 0.16);
    }
}

@media (max-width: 350px) {
    .panel-filtros[b-wqpjq4vwzh],
    .detalle-grid[b-wqpjq4vwzh] {
        grid-template-columns: 1fr;
    }

    .detalle-completo[b-wqpjq4vwzh] {
        grid-column: auto;
    }
}

/* El detalle se presenta sobre el reporte para conservar la posición de la tabla. */
.detalle-aviso-fondo[b-wqpjq4vwzh] {
    position: fixed;
    inset: 0;
    z-index: 1140;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: var(--fondo-modal);
}

.detalle-aviso-fondo .detalle-aviso[b-wqpjq4vwzh] {
    width: min(940px, 100%);
    max-height: calc(100dvh - 32px);
    margin: 0;
    overflow: auto;
    overscroll-behavior: contain;
    background: var(--color-superficie-suave, #f8f5f3);
    box-shadow: var(--sombra-elevada);
}

.detalle-aviso-fondo .detalle-cabecera[b-wqpjq4vwzh] {
    position: sticky;
    top: -18px;
    z-index: 2;
    margin: -18px -18px 16px;
    padding: 14px 18px;
    border-bottom: 3px solid var(--color-primario);
    background: var(--color-oscuro);
}

.detalle-aviso-fondo .detalle-cabecera h3[b-wqpjq4vwzh] {
    color: var(--color-blanco);
}

.detalle-aviso-fondo .detalle-cabecera p[b-wqpjq4vwzh] {
    color: rgba(var(--color-blanco-rgb), .76);
}

.detalle-aviso-fondo .detalle-etiqueta[b-wqpjq4vwzh] {
    color: var(--color-primario-suave);
}

.detalle-aviso-fondo .boton-cerrar-detalle[b-wqpjq4vwzh] {
    border: 1px solid rgba(var(--color-blanco-rgb), .24);
    background: rgba(var(--color-blanco-rgb), .09);
    color: var(--color-blanco);
}

.acciones-cerrar-detalle[b-wqpjq4vwzh] {
    position: sticky;
    bottom: -18px;
    display: flex;
    justify-content: flex-end;
    margin: 12px -18px -18px;
    padding: 10px 18px;
    border-top: 1px solid var(--color-borde);
    background: var(--color-superficie);
}

.boton-cerrar-detalle-texto[b-wqpjq4vwzh] {
    min-height: 38px;
    padding: 8px 15px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-cerrar-detalle-texto:hover[b-wqpjq4vwzh] {
    border-color: var(--color-borde-fuerte);
    background: var(--color-superficie-secundaria);
}

@media (max-width: 600px) {
    .detalle-aviso-fondo[b-wqpjq4vwzh] {
        align-items: stretch;
        padding: 0;
    }

    .detalle-aviso-fondo .detalle-aviso[b-wqpjq4vwzh] {
        width: 100%;
        max-height: 100dvh;
        padding: 12px;
        border: 0;
        border-radius: 0;
    }

    .detalle-aviso-fondo .detalle-cabecera[b-wqpjq4vwzh] {
        top: -12px;
        margin: -12px -12px 12px;
        padding-inline: 12px;
    }

    .acciones-cerrar-detalle[b-wqpjq4vwzh] {
        bottom: -12px;
        margin: 10px -12px -12px;
        padding: 10px 12px;
    }

    .boton-cerrar-detalle-texto[b-wqpjq4vwzh] {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Pages/Mantencion/GuiaCriticidad.razor.rz.scp.css */
.guia-criticidad[b-v4rbrg42x7] {
    /* La escala funcional se define una sola vez en app.css. */
    --guia-texto: var(--color-texto);
    --guia-suave: var(--color-texto-secundario);
    --guia-borde: var(--color-borde);
    color: var(--guia-texto);
    background: var(--color-superficie-suave);
}

.introduccion-guia[b-v4rbrg42x7] {
    padding: 16px 20px;
    background: linear-gradient(
        120deg,
        var(--color-negro),
        var(--color-oscuro)
    );
    color: var(--color-blanco);
}

.introduccion-guia > span[b-v4rbrg42x7] {
    color: var(--color-primario-suave);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.introduccion-guia h3[b-v4rbrg42x7] {
    margin: 5px 0 4px;
    color: var(--color-blanco);
    font-size: var(--fuente-titulo-pagina);
    font-weight: 750;
    line-height: 1.15;
}

.introduccion-guia p[b-v4rbrg42x7] {
    max-width: 760px;
    margin: 0;
    color: rgba(var(--color-blanco-rgb), 0.78);
    font-size: 0.9rem;
    line-height: 1.4;
}

.alerta-guia[b-v4rbrg42x7] {
    padding: 10px 18px;
    border-left: 4px solid var(--color-advertencia);
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
    font-size: 0.88rem;
    line-height: 1.4;
}

.resumen-guia[b-v4rbrg42x7],
.detalle-guia[b-v4rbrg42x7] {
    padding: 16px 20px;
    background: var(--color-superficie);
}

.resumen-guia h4[b-v4rbrg42x7],
.detalle-guia h4[b-v4rbrg42x7] {
    margin: 0 0 10px;
    color: var(--guia-suave);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.barra-escala[b-v4rbrg42x7] {
    display: grid;
    grid-template-columns: repeat(10, minmax(28px, 1fr));
    overflow: hidden;
    border-radius: 8px;
}

.barra-escala span[b-v4rbrg42x7] {
    display: grid;
    min-height: 30px;
    place-items: center;
    color: var(--color-blanco);
    font-weight: 900;
}

.extremos-escala[b-v4rbrg42x7] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 5px;
    color: var(--guia-suave);
    font-size: 0.72rem;
}

.zonas-guia[b-v4rbrg42x7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-top: 12px;
}

.zonas-guia article[b-v4rbrg42x7] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 10px;
    border: 1px solid var(--guia-borde);
    border-radius: 10px;
    background: var(--color-superficie);
}

.zonas-guia strong[b-v4rbrg42x7],
.zonas-guia span[b-v4rbrg42x7] {
    display: block;
}

.zonas-guia strong[b-v4rbrg42x7] {
    font-size: 0.82rem;
    text-transform: uppercase;
}

.zonas-guia span[b-v4rbrg42x7] {
    margin-top: 3px;
    color: var(--guia-suave);
    font-size: 0.74rem;
    line-height: 1.35;
}

.indicador[b-v4rbrg42x7] {
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    margin-top: 3px;
    border-radius: 50%;
}

.indicador.critico[b-v4rbrg42x7] {
    background: var(--criticidad-10);
}
.indicador.alto[b-v4rbrg42x7] {
    background: var(--criticidad-7);
}
.indicador.normal[b-v4rbrg42x7] {
    background: var(--criticidad-2);
}

.detalle-guia[b-v4rbrg42x7] {
    border-top: 1px solid var(--guia-borde);
    background: var(--color-superficie-suave);
}

.tarjeta-nivel[b-v4rbrg42x7] {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    overflow: hidden;
    margin-bottom: 8px;
    border: 1px solid var(--guia-borde);
    border-radius: 10px;
    background: var(--color-superficie);
}

.numero-nivel[b-v4rbrg42x7] {
    display: grid;
    align-content: center;
    justify-items: center;
    min-height: 94px;
    padding: 9px 4px;
    color: var(--color-blanco);
}

.numero-nivel strong[b-v4rbrg42x7] {
    font-size: 1.4rem;
}

.numero-nivel span[b-v4rbrg42x7] {
    margin-top: 2px;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.nivel-10[b-v4rbrg42x7] {
    background: var(--criticidad-10);
}
.nivel-9[b-v4rbrg42x7] {
    background: var(--criticidad-9);
}
.nivel-8[b-v4rbrg42x7] {
    background: var(--criticidad-8);
}
.nivel-7[b-v4rbrg42x7] {
    background: var(--criticidad-7);
}
.nivel-6[b-v4rbrg42x7] {
    background: var(--criticidad-6);
}
.nivel-5[b-v4rbrg42x7] {
    background: var(--criticidad-5);
    color: var(--color-frecuencia-texto);
}
.nivel-4[b-v4rbrg42x7] {
    background: var(--criticidad-4);
}
.nivel-3[b-v4rbrg42x7] {
    background: var(--criticidad-3);
}
.nivel-2[b-v4rbrg42x7] {
    background: var(--criticidad-2);
}
.nivel-1[b-v4rbrg42x7] {
    background: var(--criticidad-1);
}

.contenido-nivel[b-v4rbrg42x7] {
    min-width: 0;
    padding: 10px 12px;
}

.contenido-nivel header[b-v4rbrg42x7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

.contenido-nivel header > strong[b-v4rbrg42x7] {
    font-size: 0.88rem;
}

.contenido-nivel ul[b-v4rbrg42x7] {
    display: grid;
    gap: 3px;
    margin: 0;
    padding-left: 18px;
    color: var(--color-texto-secundario);
    font-size: 0.78rem;
    line-height: 1.4;
}

.contenido-nivel footer[b-v4rbrg42x7] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed var(--guia-borde);
    color: var(--guia-suave);
    font-size: 0.72rem;
}

.contenido-nivel footer strong[b-v4rbrg42x7] {
    color: var(--guia-texto);
}

.etiqueta-nivel[b-v4rbrg42x7] {
    flex: 0 0 auto;
    padding: 3px 9px;
    border-radius: var(--radio-circular);
    font-size: 0.62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.etiqueta-critico[b-v4rbrg42x7] {
    background: var(--color-error-superficie);
    color: var(--criticidad-10);
}
.etiqueta-alto[b-v4rbrg42x7] {
    background: var(--color-primario-superficie);
    color: var(--color-accion);
}
.etiqueta-medio[b-v4rbrg42x7] {
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}
.etiqueta-normal[b-v4rbrg42x7],
.etiqueta-preventivo[b-v4rbrg42x7] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.nota-guia[b-v4rbrg42x7] {
    margin-top: 12px;
    padding: 11px 13px;
    border-left: 4px solid var(--color-oscuro);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-texto-secundario);
    font-size: 0.8rem;
    line-height: 1.5;
}

@media (max-width: 680px) {
    .introduccion-guia[b-v4rbrg42x7],
    .resumen-guia[b-v4rbrg42x7],
    .detalle-guia[b-v4rbrg42x7] {
        padding: 12px 13px;
    }

    .alerta-guia[b-v4rbrg42x7] {
        padding: 9px 12px;
    }

    .zonas-guia[b-v4rbrg42x7] {
        grid-template-columns: 1fr;
        gap: 7px;
        margin-top: 10px;
    }

    .tarjeta-nivel[b-v4rbrg42x7] {
        grid-template-columns: 52px minmax(0, 1fr);
        margin-bottom: 6px;
    }

    .contenido-nivel[b-v4rbrg42x7] {
        padding: 8px 9px;
    }

    .contenido-nivel header[b-v4rbrg42x7] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .extremos-escala[b-v4rbrg42x7] {
        font-size: 0.64rem;
    }

    .numero-nivel[b-v4rbrg42x7] {
        min-height: 80px;
    }
}
/* /Components/Pages/Mantencion/ImportarPlanificacion.razor.rz.scp.css */
.importacion-planificacion[b-l3ffunaati] {
    width: 100%;
}

.panel-carga[b-l3ffunaati],
.resultado-analisis[b-l3ffunaati] {
    margin-bottom: 20px;
    padding: 22px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.cabecera-panel[b-l3ffunaati],
.cabecera-resultado[b-l3ffunaati],
.titulo-seccion[b-l3ffunaati] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.cabecera-panel h2[b-l3ffunaati],
.cabecera-resultado h2[b-l3ffunaati],
.titulo-seccion h3[b-l3ffunaati] {
    margin: 4px 0 6px;
    color: var(--color-oscuro);
}

.cabecera-panel p[b-l3ffunaati],
.cabecera-resultado p[b-l3ffunaati],
.titulo-seccion p[b-l3ffunaati] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.85rem;
}

.etiqueta-panel[b-l3ffunaati] {
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.campos-carga[b-l3ffunaati] {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 16px;
    margin-top: 22px;
}

.grupo-campo label[b-l3ffunaati] {
    display: block;
    margin-bottom: 7px;
    font-size: 0.82rem;
    font-weight: 700;
}

.control-formulario[b-l3ffunaati] {
    width: 100%;
    min-height: 43px;
    padding: 9px 11px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    font-family: inherit;
}

.control-archivo[b-l3ffunaati] {
    display: block;
    width: 100%;
    padding: 9px;
    border: 1px dashed var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
}

.archivo-seleccionado[b-l3ffunaati] {
    display: block;
    margin-top: 7px;
    color: var(--color-texto-secundario);
    font-size: 0.76rem;
}

.acciones-carga[b-l3ffunaati],
.acciones-importacion[b-l3ffunaati] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

.boton-primario[b-l3ffunaati],
.boton-importar[b-l3ffunaati] {
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid var(--color-accion);
    border-radius: 9px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font-family: inherit;
    font-weight: 800;
    cursor: pointer;
}

.boton-secundario[b-l3ffunaati],
.boton-confirmar-todas[b-l3ffunaati] {
    min-height: 39px;
    padding: 8px 14px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
}

button:disabled[b-l3ffunaati] {
    cursor: not-allowed;
    opacity: 0.55;
}

.mensaje-error[b-l3ffunaati] {
    margin-bottom: 18px;
    padding: 16px;
    border-radius: 12px;
}

.mensaje-error[b-l3ffunaati] {
    border: 1px solid var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.estado-analisis[b-l3ffunaati] {
    padding: 7px 11px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 800;
    white-space: nowrap;
}

.estado-analisis.valido[b-l3ffunaati] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.estado-analisis.con-errores[b-l3ffunaati] {
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.resumen-analisis[b-l3ffunaati] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 20px 0;
}

.indicador[b-l3ffunaati] {
    padding: 14px;
    border: 1px solid var(--color-borde);
    border-radius: 11px;
    background: var(--color-superficie);
}

.indicador span[b-l3ffunaati] {
    display: block;
    color: var(--color-texto-secundario);
    font-size: 0.75rem;
}

.indicador strong[b-l3ffunaati] {
    display: block;
    margin-top: 4px;
    font-size: 1.3rem;
}

.indicador .periodo-detectado[b-l3ffunaati] {
    font-size: 0.9rem;
}

.lista-mensajes[b-l3ffunaati] {
    margin-bottom: 16px;
    padding: 14px 16px;
    border-radius: 10px;
    font-size: 0.82rem;
}

.lista-mensajes ul[b-l3ffunaati] {
    margin: 8px 0 0;
}

.lista-errores[b-l3ffunaati] {
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.lista-advertencias[b-l3ffunaati] {
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.seccion-unidades[b-l3ffunaati],
.seccion-vista-previa[b-l3ffunaati] {
    margin-top: 24px;
}

.contenedor-unidades[b-l3ffunaati],
.contenedor-vista-previa[b-l3ffunaati] {
    margin-top: 14px;
    overflow: auto;
    border: 1px solid var(--color-borde);
    border-radius: 11px;
    background: var(--color-superficie);
}

.tabla-unidades[b-l3ffunaati],
.tabla-vista-previa[b-l3ffunaati] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8rem;
}

.tabla-vista-previa[b-l3ffunaati] {
    min-width: 1000px;
}

.tabla-unidades[b-l3ffunaati] {
    min-width: 900px;
}

.tabla-unidades th[b-l3ffunaati],
.tabla-unidades td[b-l3ffunaati],
.tabla-vista-previa th[b-l3ffunaati],
.tabla-vista-previa td[b-l3ffunaati] {
    padding: 10px 11px;
    border-right: 1px solid var(--color-borde);
    border-bottom: 1px solid var(--color-borde);
    text-align: left;
}

.tabla-unidades th[b-l3ffunaati],
.tabla-vista-previa th[b-l3ffunaati] {
    position: sticky;
    top: 0;
    background: var(--color-negro);
    color: var(--color-blanco);
    font-size: 0.73rem;
}

.celda-confirmacion[b-l3ffunaati] {
    width: 85px;
    text-align: center !important;
}

.check-confirmacion[b-l3ffunaati] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-primario);
}

.celda-codigo[b-l3ffunaati],
.celda-unidad[b-l3ffunaati] {
    color: var(--color-primario);
    font-weight: 800;
}

.celda-actividad[b-l3ffunaati] {
    min-width: 260px;
}

.estado-unidad[b-l3ffunaati] {
    display: inline-block;
    padding: 3px 7px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
}

.estado-unidad.existente[b-l3ffunaati] {
    border-color: var(--color-exito-borde);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.estado-unidad.nueva[b-l3ffunaati] {
    border-color: var(--color-advertencia-borde);
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.estado-unidad.inactiva[b-l3ffunaati] {
    border-color: var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.nombre-registrado[b-l3ffunaati] {
    display: block;
    margin-top: 5px;
    color: var(--color-texto-secundario);
    line-height: 1.35;
}

.celda-fechas[b-l3ffunaati] {
    min-width: 300px;
}

.fecha-programada[b-l3ffunaati] {
    display: inline-block;
    margin: 2px;
    padding: 4px 7px;
    border-radius: 6px;
    background: var(--color-primario-superficie);
    font-size: 0.7rem;
    font-weight: 700;
}

.sin-fechas[b-l3ffunaati] {
    color: var(--color-texto-secundario);
}

.etiqueta-frecuencia[b-l3ffunaati] {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 6px;
    background: var(--color-frecuencia-superficie);
    color: var(--color-frecuencia-texto);
    font-size: 0.7rem;
    font-weight: 700;
}

.estado-confirmacion[b-l3ffunaati] {
    margin-top: 10px;
    text-align: right;
    font-size: 0.8rem;
}

.acciones-importacion[b-l3ffunaati] {
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid var(--color-borde);
}

.confirmacion-importacion[b-l3ffunaati] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    max-width: 650px;
    font-size: 0.82rem;
}

.confirmacion-importacion input[b-l3ffunaati] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-primario);
}

@media (max-width: 900px) {
    .campos-carga[b-l3ffunaati] {
        grid-template-columns: 1fr;
    }

    .resumen-analisis[b-l3ffunaati] {
        grid-template-columns: repeat(2, 1fr);
    }

    .acciones-importacion[b-l3ffunaati] {
        align-items: stretch;
        flex-direction: column;
    }

    .seccion-unidades[b-l3ffunaati],
    .seccion-vista-previa[b-l3ffunaati] {
        margin-top: 14px;
    }

    .contenedor-unidades[b-l3ffunaati],
    .contenedor-vista-previa[b-l3ffunaati] {
        margin-top: 9px;
    }
}
/* /Components/Pages/Mantencion/NuevoAviso.razor.rz.scp.css */
.criticidad-contenido[b-adm8jdsf4b] {
    display: grid;
    grid-template-columns: minmax(300px, 1.35fr) minmax(260px, 1fr);
    align-items: center;
    gap: 14px;
}

.imagen-criticidad[b-adm8jdsf4b] {
    display: block;
    width: 100%;
    max-height: 190px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
    object-fit: contain;
}

.criticidad-seleccion[b-adm8jdsf4b] {
    min-width: 0;
}

.criticidad-valor[b-adm8jdsf4b] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 6px;
    color: var(--color-texto-secundario);
    font-size: 0.9rem;
}

.criticidad-valor strong[b-adm8jdsf4b] {
    color: var(--color-oscuro);
}

.numeros-criticidad[b-adm8jdsf4b] {
    display: grid;
    grid-template-columns: repeat(10, minmax(30px, 1fr));
    gap: 5px;
}

.numero-criticidad[b-adm8jdsf4b] {
    min-height: 30px;
    padding: 4px;
    border: 1px solid var(--color-borde);
    border-radius: 7px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font-family: inherit;
    font-size: 0.8rem;
    cursor: pointer;
}

.numero-criticidad:hover[b-adm8jdsf4b] {
    border-color: var(--color-primario);
    color: var(--color-primario);
}

.numero-criticidad.seleccionado[b-adm8jdsf4b] {
    border-color: var(--color-criticidad);
    background: var(--color-criticidad);
    color: var(--color-blanco);
    font-weight: 800;
}

.extremos-criticidad[b-adm8jdsf4b] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 3px;
    color: var(--color-texto-secundario);
    font-size: 0.75rem;
}

.extremos-criticidad span:last-child[b-adm8jdsf4b] {
    text-align: right;
}

/* Color dinámico según el nivel seleccionado */

.criticidad-seleccion[b-adm8jdsf4b] {
    --color-criticidad: var(--color-primario);
}

.criticidad-nivel-1[b-adm8jdsf4b] {
    --color-criticidad: var(--criticidad-1);
}

.criticidad-nivel-2[b-adm8jdsf4b] {
    --color-criticidad: var(--criticidad-2);
}

.criticidad-nivel-3[b-adm8jdsf4b] {
    --color-criticidad: var(--criticidad-3);
}

.criticidad-nivel-4[b-adm8jdsf4b] {
    --color-criticidad: var(--criticidad-4);
}

.criticidad-nivel-5[b-adm8jdsf4b] {
    --color-criticidad: var(--criticidad-5);
}

.criticidad-nivel-6[b-adm8jdsf4b] {
    --color-criticidad: var(--criticidad-6);
}

.criticidad-nivel-7[b-adm8jdsf4b] {
    --color-criticidad: var(--criticidad-7);
}

.criticidad-nivel-8[b-adm8jdsf4b] {
    --color-criticidad: var(--criticidad-8);
}

.criticidad-nivel-9[b-adm8jdsf4b] {
    --color-criticidad: var(--criticidad-9);
}

.criticidad-nivel-10[b-adm8jdsf4b] {
    --color-criticidad: var(--criticidad-10);
}

.numero-criticidad.seleccionado[b-adm8jdsf4b] {
    border-color: var(--color-criticidad);
    background: var(--color-criticidad);
    color: var(--color-blanco);
}

@media (max-width: 800px) {
    .criticidad-contenido[b-adm8jdsf4b] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .numeros-criticidad[b-adm8jdsf4b] {
        grid-template-columns: repeat(5, 1fr);
    }

    .numero-criticidad[b-adm8jdsf4b] {
        min-height: 44px;
    }

    .extremos-criticidad[b-adm8jdsf4b] {
        gap: 8px;
    }
}

.titulo-con-ayuda[b-adm8jdsf4b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

/*
   La ubicación aprovecha tres columnas en escritorio, dos en tablet y una
   en teléfono. Los campos completos conservan todo el ancho disponible.
*/
@media (min-width: 960px) {
    .formulario-aviso .fila-formulario[b-adm8jdsf4b] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.mensaje-error-acciones[b-adm8jdsf4b] {
    margin: 4px 0 0;
}

.boton-ayuda-criticidad[b-adm8jdsf4b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 4px 9px;
    border: 1px solid rgba(var(--color-primario-rgb), 0.35);
    border-radius: 8px;
    background: var(--color-primario-superficie);
    color: var(--color-primario);
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.fondo-ayuda-criticidad[b-adm8jdsf4b] {
    position: fixed;
    inset: 0;
    z-index: 3100;
    display: grid;
    place-items: center;
    padding: 18px;
    background: var(--fondo-modal);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(3px);
    transition:
        opacity 160ms ease,
        visibility 160ms ease;
}

.fondo-ayuda-criticidad.visible[b-adm8jdsf4b] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.modal-ayuda-criticidad[b-adm8jdsf4b] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(1040px, 100%);
    height: min(90vh, 900px);
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-top: 5px solid var(--color-primario);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
    transform: translateY(10px) scale(0.99);
    transition: transform 160ms ease;
}

.fondo-ayuda-criticidad.visible .modal-ayuda-criticidad[b-adm8jdsf4b] {
    transform: translateY(0) scale(1);
}

.cabecera-ayuda-criticidad[b-adm8jdsf4b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 14px;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-primario-superficie);
}

@media (min-width: 560px) and (max-width: 700px) {
    .formulario-aviso .fila-formulario[b-adm8jdsf4b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .formulario-aviso .campo-completo[b-adm8jdsf4b] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 380px) {
    .criticidad-contenido[b-adm8jdsf4b] {
        gap: 8px;
    }

    .imagen-criticidad[b-adm8jdsf4b] {
        max-height: 120px;
    }

    .criticidad-valor[b-adm8jdsf4b] {
        gap: 4px;
        margin-bottom: 3px;
        font-size: .78rem;
    }

    .numeros-criticidad[b-adm8jdsf4b] {
        gap: 3px;
    }

    .numero-criticidad[b-adm8jdsf4b] {
        min-height: 36px;
        padding: 3px;
    }

    .extremos-criticidad[b-adm8jdsf4b] {
        font-size: .67rem;
        line-height: 1.2;
    }
}

.cabecera-ayuda-criticidad > div[b-adm8jdsf4b] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 9px;
}

.cabecera-ayuda-criticidad span[b-adm8jdsf4b] {
    color: var(--color-primario);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.cabecera-ayuda-criticidad h2[b-adm8jdsf4b] {
    margin: 0;
    color: var(--color-oscuro);
    font-size: var(--fuente-titulo-pagina);
    font-weight: 750;
    line-height: 1.15;
}

.boton-cerrar-ayuda[b-adm8jdsf4b] {
    display: grid;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--color-borde);
    border-radius: 50%;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
    font-size: 1.45rem;
    line-height: 1;
    cursor: pointer;
}

.boton-cerrar-ayuda:hover[b-adm8jdsf4b] {
    border-color: var(--color-primario);
    background: var(--color-primario-superficie);
    color: var(--color-primario);
}

.contenido-ayuda-criticidad[b-adm8jdsf4b] {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: auto;
    background: var(--color-superficie);
    overscroll-behavior: contain;
}

@media (max-width: 600px) {
    .fondo-ayuda-criticidad[b-adm8jdsf4b] {
        padding: 0;
    }

    .modal-ayuda-criticidad[b-adm8jdsf4b] {
        width: 100%;
        height: 100dvh;
        border-width: 4px 0 0;
        border-radius: 0;
    }

    .cabecera-ayuda-criticidad[b-adm8jdsf4b] {
        padding: 8px 12px;
    }

    .cabecera-ayuda-criticidad > div[b-adm8jdsf4b] {
        align-items: flex-start;
        flex-direction: column;
        gap: 1px;
    }

    .boton-cerrar-ayuda[b-adm8jdsf4b] {
        width: 44px;
        height: 44px;
    }
}

.boton-ayuda-criticidad > span:first-child[b-adm8jdsf4b] {
    display: grid;
    width: 19px;
    height: 19px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-accion);
    color: var(--color-blanco);
    font-size: 0.72rem;
}

.boton-ayuda-criticidad:hover[b-adm8jdsf4b] {
    border-color: var(--color-primario);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.boton-ayuda-criticidad:hover > span:first-child[b-adm8jdsf4b] {
    background: var(--color-superficie);
    color: var(--color-primario);
}

@media (max-width: 600px) {
    .texto-boton-ayuda[b-adm8jdsf4b] {
        display: none;
    }

    .boton-ayuda-criticidad[b-adm8jdsf4b] {
        min-width: 44px;
        min-height: 44px;
        padding: 5px;
        justify-content: center;
    }
}

.fondo-confirmacion[b-adm8jdsf4b] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: var(--fondo-modal);
    backdrop-filter: blur(3px);
}

.modal-confirmacion[b-adm8jdsf4b] {
    width: min(460px, 100%);
    padding: 32px;
    border-top: 5px solid var(--color-primario);
    border-radius: 16px;
    background: var(--color-superficie);
    text-align: center;
    box-shadow: var(--sombra-elevada);
}

.icono-confirmacion[b-adm8jdsf4b] {
    display: grid;
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
    font-size: 2rem;
    font-weight: 900;
}

.modal-confirmacion h2[b-adm8jdsf4b] {
    margin: 0 0 8px;
    font-size: 1.55rem;
}

.mensaje-confirmacion[b-adm8jdsf4b] {
    margin: 0 0 20px;
    color: var(--color-texto-secundario);
}

.folio-confirmacion[b-adm8jdsf4b] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 0 0 16px;
    padding: 17px;
    border: 1px solid rgba(var(--color-primario-rgb), 0.28);
    border-radius: 10px;
    background: var(--color-primario-superficie);
}

.folio-confirmacion span[b-adm8jdsf4b] {
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
    font-weight: 700;
}

.folio-confirmacion strong[b-adm8jdsf4b] {
    color: var(--color-primario);
    font-size: 1.3rem;
    letter-spacing: 0.04em;
}

.ayuda-confirmacion[b-adm8jdsf4b] {
    margin: 0 0 14px;
    color: var(--color-texto-secundario);
    font-size: 0.88rem;
    line-height: 1.5;
}

.estado-alerta-correo[b-adm8jdsf4b] {
    margin: 0 0 24px;
    padding: 11px 13px;
    border-radius: 8px;
    font-size: 0.84rem;
    line-height: 1.45;
}

.estado-alerta-preparada[b-adm8jdsf4b] {
    border: 1px solid var(--color-exito-borde);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.estado-alerta-sin-destino[b-adm8jdsf4b] {
    border: 1px solid var(--color-advertencia-borde);
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.acciones-confirmacion[b-adm8jdsf4b] {
    display: flex;
    justify-content: center;
    gap: 12px;
}

@media (max-width: 520px) {
    .modal-confirmacion[b-adm8jdsf4b] {
        padding: 18px 14px;
    }

    .acciones-confirmacion[b-adm8jdsf4b] {
        gap: 8px;
    }

    .acciones-confirmacion button[b-adm8jdsf4b] {
        min-height: 44px;
        flex: 1 1 0;
    }
}
/* /Components/Pages/Mantencion/Planificacion.razor.rz.scp.css */
.reporte-planificacion[b-cu34tugjn1] {
    /* Colores semánticos exclusivos de la grilla de planificación. */
    --plan-color-feriado: #93435d;
    --plan-feriado-superficie: #f8dfe6;
    --plan-feriado-superficie-hover: #f4ced9;
    --plan-feriado-borde: #dba8b8;
    --plan-feriado-cabecera: #efc4d0;
    --plan-feriado-texto: #4c2632;
    --plan-fin-semana-superficie: #f3e8df;
    --plan-dia-cabecera: #57443d;
    --plan-fin-semana-cabecera: #8a5c43;
    --plan-celda-superficie: #f7f5f3;
    width: 100%;
}

.panel-filtros[b-cu34tugjn1] {
    grid-template-columns: minmax(240px, 2fr) repeat(4, minmax(130px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
    padding: 14px;
}

.control-reporte[b-cu34tugjn1] {
    min-height: 40px;
    padding: 8px 11px;
}

.estado-carga[b-cu34tugjn1],
.mensaje-error[b-cu34tugjn1] {
    padding: 24px;
}

.acciones-planificacion-manual[b-cu34tugjn1] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.agregar-planificacion-manual[b-cu34tugjn1] {
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid var(--color-accion);
    border-radius: 9px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
}

.agregar-planificacion-manual:hover[b-cu34tugjn1] {
    filter: brightness(0.94);
}

.mensaje-operacion-planificacion[b-cu34tugjn1] {
    margin-bottom: 12px;
    padding: 10px 13px;
    border: 1px solid var(--color-exito-borde);
    border-radius: 9px;
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
    font-size: 0.84rem;
    font-weight: 700;
}

.barra-periodo[b-cu34tugjn1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 10px;
}

.boton-periodo[b-cu34tugjn1] {
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition:
        border-color 160ms ease,
        color 160ms ease,
        background-color 160ms ease;
}

.boton-periodo:hover:not(:disabled)[b-cu34tugjn1] {
    border-color: var(--color-primario);
    background: var(--color-primario-superficie);
    color: var(--color-primario);
}

.boton-periodo:disabled[b-cu34tugjn1] {
    cursor: not-allowed;
    opacity: 0.45;
}

.periodo-actual[b-cu34tugjn1] {
    display: flex;
    min-width: 250px;
    flex-direction: column;
    text-align: center;
}

.periodo-actual span[b-cu34tugjn1] {
    color: var(--color-texto-secundario);
    font-size: 0.72rem;
    text-transform: uppercase;
}

.periodo-actual strong[b-cu34tugjn1] {
    margin-top: 3px;
    color: var(--color-oscuro);
    font-size: 1rem;
}

.indicador-reporte[b-cu34tugjn1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: var(--espacio-tarjeta-indicador);
}

.indicador-reporte span[b-cu34tugjn1] {
    color: var(--color-texto-secundario);
    font-size: 0.76rem;
    font-weight: 600;
}

.indicador-reporte strong[b-cu34tugjn1] {
    flex: 0 0 auto;
    margin: 0;
    color: var(--color-oscuro);
    font-size: 1.15rem;
    line-height: 1;
}

.detalle-programacion[b-cu34tugjn1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
    padding: 15px 17px;
    border: 1px solid rgba(var(--color-primario-rgb), 0.3);
    border-radius: 12px;
    background: rgba(var(--color-primario-rgb), 0.07);
}

.detalle-programacion strong[b-cu34tugjn1] {
    display: block;
    margin-top: 3px;
    color: var(--color-oscuro);
    font-size: 1rem;
}

.detalle-programacion p[b-cu34tugjn1] {
    margin: 5px 0;
    color: var(--color-texto-secundario);
    font-size: 0.86rem;
}

.detalle-programacion span[b-cu34tugjn1] {
    display: block;
    color: var(--color-texto-secundario);
    font-size: 0.8rem;
}

.detalle-programacion .detalle-etiqueta[b-cu34tugjn1] {
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.detalle-programacion .detalle-feriado[b-cu34tugjn1] {
    margin-top: 7px;
    color: var(--plan-color-feriado);
    font-weight: 750;
}

.detalle-programacion .detalle-ejecutada[b-cu34tugjn1] {
    margin-top: 7px;
    color: var(--color-exito-texto);
    font-weight: 800;
}

.detalle-programacion .detalle-cambio-estado[b-cu34tugjn1],
.detalle-programacion .detalle-reprogramada[b-cu34tugjn1] {
    margin-top: 7px;
    color: var(--color-advertencia-texto);
    font-weight: 800;
}

.detalle-controles[b-cu34tugjn1] {
    display: flex;
    min-width: 165px;
    align-items: stretch;
    flex-direction: column;
    gap: 7px;
}

.detalle-controles .cerrar-detalle[b-cu34tugjn1] {
    align-self: flex-end;
}

.accion-programacion[b-cu34tugjn1] {
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-oscuro);
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
}

.accion-programacion.ejecutar[b-cu34tugjn1] {
    border-color: var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.accion-programacion.editar[b-cu34tugjn1] {
    border-color: var(--color-primario);
    color: var(--color-primario);
}

.accion-programacion.cancelar[b-cu34tugjn1] {
    border-color: var(--color-error-borde);
    color: var(--color-error-texto);
}

.accion-programacion.reprogramar[b-cu34tugjn1] {
    border-color: var(--color-advertencia-borde);
    color: var(--color-advertencia-texto);
}

.cerrar-detalle[b-cu34tugjn1] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border: 0;
    border-radius: 50%;
    background: rgba(var(--color-primario-rgb), 0.12);
    color: var(--color-primario);
    font-size: 1.15rem;
    cursor: pointer;
    transition:
        background-color 160ms ease,
        color 160ms ease;
}

.cerrar-detalle:hover[b-cu34tugjn1] {
    background: var(--color-accion);
    color: var(--color-blanco);
}

.leyenda-reporte[b-cu34tugjn1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 7px;
    color: var(--color-texto-secundario);
    font-size: 0.78rem;
}

.leyenda-reporte span[b-cu34tugjn1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.marca-programada[b-cu34tugjn1],
.marca-ejecutada[b-cu34tugjn1],
.marca-cancelada[b-cu34tugjn1],
.marca-reprogramada[b-cu34tugjn1],
.marca-fin-semana[b-cu34tugjn1],
.marca-feriado[b-cu34tugjn1] {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid var(--color-borde);
    border-radius: 4px;
}

.marca-programada[b-cu34tugjn1] {
    border-color: var(--color-primario);
    background: var(--color-accion);
}

.marca-ejecutada[b-cu34tugjn1] {
    display: inline-grid;
    place-items: center;
    border-color: var(--color-exito);
    background: var(--color-exito);
    color: var(--color-blanco);
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 900;
}

.marca-cancelada[b-cu34tugjn1],
.marca-reprogramada[b-cu34tugjn1] {
    display: inline-grid;
    place-items: center;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 900;
}

.marca-cancelada[b-cu34tugjn1] {
    border-color: var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.marca-reprogramada[b-cu34tugjn1] {
    border-color: var(--color-advertencia-borde);
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.marca-fin-semana[b-cu34tugjn1] {
    background: var(--plan-fin-semana-superficie);
}

.marca-feriado[b-cu34tugjn1] {
    border-color: var(--plan-feriado-borde);
    background: var(--plan-feriado-superficie);
}

.ayuda-desplazamiento[b-cu34tugjn1] {
    margin-left: auto;
}

.contenedor-tabla-gantt[b-cu34tugjn1] {
    width: 100%;
    max-height: 68vh;
    overflow: auto;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.tabla-gantt[b-cu34tugjn1] {
    width: max-content;
    min-width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    color: var(--color-texto);
    font-size: 0.78rem;
}

.tabla-gantt th[b-cu34tugjn1],
.tabla-gantt td[b-cu34tugjn1] {
    height: 34px;
    padding: 0;
    border-right: 1px solid var(--color-borde);
    border-bottom: 1px solid var(--color-borde);
    text-align: center;
}

.tabla-gantt thead th[b-cu34tugjn1] {
    position: sticky;
    color: var(--color-blanco);
    font-weight: 700;
    z-index: 7;
}

.fila-meses th[b-cu34tugjn1] {
    top: 0;
    height: 36px;
}

.fila-semanas th[b-cu34tugjn1] {
    top: 36px;
    height: 34px;
}

.fila-dias th[b-cu34tugjn1] {
    top: 70px;
    height: 42px;
}

.cabecera-mes[b-cu34tugjn1] {
    min-width: 34px;
    background: var(--color-oscuro);
    font-size: 0.84rem;
}

.cabecera-semana[b-cu34tugjn1] {
    min-width: 34px;
    background: var(--color-oscuro);
    color: var(--color-blanco);
    font-size: 0.72rem;
}

.cabecera-dia[b-cu34tugjn1] {
    min-width: 34px;
    width: 34px;
    background: var(--plan-dia-cabecera);
}

.cabecera-dia span[b-cu34tugjn1],
.cabecera-dia small[b-cu34tugjn1] {
    display: block;
}

.cabecera-dia span[b-cu34tugjn1] {
    font-size: 0.72rem;
}

.cabecera-dia small[b-cu34tugjn1] {
    margin-top: 2px;
    font-size: 0.68rem;
    font-weight: 500;
}

.cabecera-dia.fin-semana[b-cu34tugjn1] {
    background: var(--plan-fin-semana-cabecera);
}

.cabecera-dia.feriado[b-cu34tugjn1] {
    background: var(--plan-feriado-cabecera);
    color: var(--plan-feriado-texto);
}

.columna-fija[b-cu34tugjn1] {
    position: sticky;
    background: var(--color-superficie);
    text-align: left !important;
}

thead .columna-fija[b-cu34tugjn1] {
    top: 0 !important;
    z-index: 15 !important;
    background: var(--color-negro);
    color: var(--color-blanco);
    text-align: center !important;
}

tbody .columna-fija[b-cu34tugjn1] {
    z-index: 4;
    padding: 0 10px;
}

.col-tipo[b-cu34tugjn1] {
    left: 0;
    width: 105px;
    min-width: 105px;
    max-width: 105px;
}

.col-unidad[b-cu34tugjn1] {
    left: 105px;
    width: 185px;
    min-width: 185px;
    max-width: 185px;
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-actividad[b-cu34tugjn1] {
    left: 290px;
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-componente[b-cu34tugjn1] {
    left: 510px;
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-frecuencia[b-cu34tugjn1] {
    left: 760px;
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}

.tabla-gantt tbody tr:hover td[b-cu34tugjn1] {
    background-color: var(--color-primario-superficie);
}

.tabla-gantt tbody tr:hover .columna-fija[b-cu34tugjn1] {
    background-color: var(--color-primario-superficie);
}

.tipo-mantencion[b-cu34tugjn1] {
    color: var(--color-primario);
    font-size: 0.73rem;
    font-weight: 800;
}

.frecuencia[b-cu34tugjn1] {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 6px;
    background: var(--color-frecuencia-superficie);
    color: var(--color-frecuencia-texto);
    font-size: 0.7rem;
    font-weight: 700;
}

.celda-fecha[b-cu34tugjn1] {
    min-width: 34px;
    width: 34px;
    background: var(--plan-celda-superficie);
}

.celda-fecha.fin-semana[b-cu34tugjn1] {
    background: var(--plan-fin-semana-superficie);
}

.celda-fecha.feriado[b-cu34tugjn1] {
    background: var(--plan-feriado-superficie);
}

.tabla-gantt tbody tr:hover .celda-fecha.feriado[b-cu34tugjn1] {
    background: var(--plan-feriado-superficie-hover);
}

.boton-programacion[b-cu34tugjn1] {
    display: grid;
    width: 27px;
    height: 27px;
    margin: 3px auto;
    place-items: center;
    border: 1px solid var(--color-accion);
    border-radius: 5px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
    transition:
        background-color 160ms ease,
        outline-color 160ms ease;
}

.boton-programacion:hover[b-cu34tugjn1],
.boton-programacion.seleccionado[b-cu34tugjn1] {
    outline: 3px solid rgba(var(--color-primario-rgb), 0.24);
    background: var(--color-accion-hover);
}

.boton-programacion:disabled[b-cu34tugjn1] {
    cursor: not-allowed;
    opacity: 0.68;
}

.boton-programacion:disabled:hover[b-cu34tugjn1] {
    outline: 0;
    background: var(--color-accion);
}

.boton-ejecutada[b-cu34tugjn1] {
    display: grid;
    width: 27px;
    height: 27px;
    margin: 3px auto;
    place-items: center;
    border: 1px solid var(--color-exito);
    border-radius: 5px;
    background: var(--color-exito);
    color: var(--color-blanco);
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 900;
    cursor: pointer;
    transition:
        background-color 160ms ease,
        outline-color 160ms ease;
}

.boton-ejecutada:hover[b-cu34tugjn1],
.boton-ejecutada.seleccionado[b-cu34tugjn1] {
    outline: 3px solid rgba(var(--color-exito-rgb), 0.22);
    background: var(--color-exito-hover);
}

.marca-planificacion-solo-lectura[b-cu34tugjn1] {
    cursor: default;
    user-select: none;
}

.boton-programacion.marca-planificacion-solo-lectura:hover[b-cu34tugjn1] {
    outline: 0;
    background: var(--color-accion);
}

.boton-ejecutada.marca-planificacion-solo-lectura:hover[b-cu34tugjn1] {
    outline: 0;
    background: var(--color-exito);
}

.estado-programacion[b-cu34tugjn1] {
    display: grid;
    width: 27px;
    height: 27px;
    margin: 3px auto;
    place-items: center;
    border: 1px solid var(--color-borde-fuerte);
    border-radius: 5px;
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 800;
}

button.estado-programacion[b-cu34tugjn1] {
    padding: 0;
    cursor: pointer;
}

button.estado-programacion:hover[b-cu34tugjn1],
button.estado-programacion.seleccionado[b-cu34tugjn1] {
    outline: 3px solid rgba(var(--color-primario-rgb), 0.2);
}

.estado-programacion.cancelada[b-cu34tugjn1] {
    border-color: var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.estado-programacion.reprogramada[b-cu34tugjn1] {
    border-color: var(--color-advertencia-borde);
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.sin-resultados[b-cu34tugjn1] {
    padding: 30px !important;
}

@media (max-width: 1150px) {
    .panel-filtros[b-cu34tugjn1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filtro-busqueda[b-cu34tugjn1] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 950px) {
    .resumen-reporte[b-cu34tugjn1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ayuda-desplazamiento[b-cu34tugjn1] {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 600px) {
    .panel-filtros[b-cu34tugjn1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .control-reporte[b-cu34tugjn1] {
        min-height: 44px;
    }

    .filtro-busqueda[b-cu34tugjn1] {
        grid-column: 1 / -1;
    }

    .agregar-planificacion-manual[b-cu34tugjn1] {
        width: 100%;
    }

    .barra-periodo[b-cu34tugjn1] {
        gap: 6px;
        padding: 8px 9px;
    }

    .boton-periodo[b-cu34tugjn1] {
        min-height: 40px;
        padding-inline: 8px;
    }

    .resumen-reporte[b-cu34tugjn1] {
        grid-template-columns: 1fr 1fr;
    }

    .detalle-programacion[b-cu34tugjn1] {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 10px;
        padding: 10px;
    }

    .col-tipo[b-cu34tugjn1] {
        display: none;
    }

    .col-unidad[b-cu34tugjn1] {
        left: 0;
    }

    .col-actividad[b-cu34tugjn1] {
        left: 185px;
    }

    .col-componente[b-cu34tugjn1] {
        left: 405px;
    }

    .col-frecuencia[b-cu34tugjn1] {
        left: 655px;
    }
}
/* /Components/Pages/Mantencion/ReporteAvisos.razor.rz.scp.css */
.reporte-avisos[b-d7ee77crwl] {
    width: 100%;
}

.panel-filtros[b-d7ee77crwl] {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.encabezado-filtro-avisos[b-d7ee77crwl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.indicador-alcance[b-d7ee77crwl] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.025em;
    line-height: 1;
    white-space: nowrap;
}

.indicador-alcance-propios[b-d7ee77crwl] {
    background: var(--color-accion);
    color: var(--color-blanco);
}

.indicador-alcance-todos[b-d7ee77crwl] {
    background: var(--color-oscuro);
    color: var(--color-blanco);
}

.selector-avisos[b-d7ee77crwl] {
    font-weight: 800;
    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}

.selector-avisos-propios[b-d7ee77crwl] {
    border-color: var(--color-accion);
    background-color: var(--color-primario-superficie);
    color: var(--color-oscuro);
    box-shadow: 0 0 0 2px rgba(var(--color-primario-rgb), 0.1);
}

.selector-avisos-todos[b-d7ee77crwl] {
    border-color: rgba(var(--color-negro-rgb), 0.48);
    background-color: var(--color-superficie-secundaria);
    color: var(--color-oscuro);
}

.indicador-reporte[b-d7ee77crwl] {
    padding: var(--espacio-tarjeta-indicador);
}

.indicador-reporte span[b-d7ee77crwl] {
    display: block;
    color: var(--color-texto-secundario);
    font-size: 0.76rem;
}

.indicador-reporte strong[b-d7ee77crwl] {
    display: block;
    margin-top: 5px;
    color: var(--color-oscuro);
    font-size: 1.4rem;
}

.detalle-aviso[b-d7ee77crwl] {
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(var(--color-primario-rgb), 0.3);
    border-radius: 13px;
    background: rgba(var(--color-primario-rgb), 0.06);
}

.detalle-cabecera[b-d7ee77crwl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.detalle-cabecera h3[b-d7ee77crwl] {
    margin: 3px 0;
    color: var(--color-oscuro);
    font-size: 1.2rem;
}

.detalle-cabecera p[b-d7ee77crwl] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
}

.detalle-etiqueta[b-d7ee77crwl] {
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.boton-cerrar-detalle[b-d7ee77crwl] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(var(--color-primario-rgb), 0.12);
    color: var(--color-primario);
    font-size: 1.2rem;
    cursor: pointer;
}

.detalle-grid[b-d7ee77crwl] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.detalle-item[b-d7ee77crwl] {
    padding: 12px;
    border: 1px solid rgba(var(--color-negro-rgb), 0.07);
    border-radius: 9px;
    background: var(--color-superficie);
}

.detalle-item span[b-d7ee77crwl] {
    display: block;
    margin-bottom: 5px;
    color: var(--color-texto-secundario);
    font-size: 0.72rem;
}

.detalle-item strong[b-d7ee77crwl] {
    color: var(--color-texto);
    font-size: 0.86rem;
}

.detalle-completo[b-d7ee77crwl] {
    grid-column: 1 / -1;
}

.leyenda-reporte[b-d7ee77crwl] {
    margin-bottom: 10px;
    color: var(--color-texto-secundario);
    font-size: 0.78rem;
}

.contenedor-tabla[b-d7ee77crwl] {
    width: 100%;
    max-height: 65vh;
    overflow: auto;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.tabla-avisos[b-d7ee77crwl] {
    width: 100%;
    min-width: 1380px;
    border-spacing: 0;
    border-collapse: separate;
    color: var(--color-texto);
    font-size: 0.78rem;
}

.tabla-avisos th[b-d7ee77crwl],
.tabla-avisos td[b-d7ee77crwl] {
    padding: 10px 11px;
    border-right: 1px solid var(--color-borde);
    border-bottom: 1px solid var(--color-borde);
    vertical-align: middle;
}

.tabla-avisos thead th[b-d7ee77crwl] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--color-negro);
    color: var(--color-blanco);
    font-size: 0.73rem;
    text-align: left;
}

.tabla-avisos tbody tr:hover td[b-d7ee77crwl] {
    background: var(--color-primario-superficie);
}

.celda-folio[b-d7ee77crwl] {
    color: var(--color-primario);
    font-weight: 800;
    white-space: nowrap;
}

.celda-fecha[b-d7ee77crwl] {
    white-space: nowrap;
}

.celda-ubicacion[b-d7ee77crwl] {
    min-width: 180px;
}

.celda-detalle[b-d7ee77crwl] {
    width: 280px;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Estado */
.tabla-avisos th:nth-child(6)[b-d7ee77crwl],
.tabla-avisos td:nth-child(6)[b-d7ee77crwl] {
    width: 80px;
}

/* Firma mecánico */
.tabla-avisos th:nth-child(8)[b-d7ee77crwl],
.tabla-avisos td:nth-child(8)[b-d7ee77crwl] {
    width: 115px;
}

/* Firma solicitante */
.tabla-avisos th:nth-child(9)[b-d7ee77crwl],
.tabla-avisos td:nth-child(9)[b-d7ee77crwl] {
    width: 115px;
}

/* Acción */
.tabla-avisos th:nth-child(10)[b-d7ee77crwl],
.tabla-avisos td:nth-child(10)[b-d7ee77crwl] {
    width: 84px;
    min-width: 84px;
}

.etiqueta-criticidad[b-d7ee77crwl],
.etiqueta-estado[b-d7ee77crwl],
.etiqueta-firma[b-d7ee77crwl] {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 7px;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.criticidad-normal[b-d7ee77crwl] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.criticidad-alta[b-d7ee77crwl] {
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.criticidad-critica[b-d7ee77crwl] {
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.estado-abierto[b-d7ee77crwl] {
    background: var(--color-info-superficie);
    color: var(--color-info);
}

.estado-cerrado[b-d7ee77crwl] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.firma-pendiente[b-d7ee77crwl] {
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
}

.firma-completa[b-d7ee77crwl] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.boton-ver[b-d7ee77crwl] {
    min-height: 32px;
    padding: 6px 12px;
    border: 1px solid var(--color-primario);
    border-radius: 7px;
    background: var(--color-superficie);
    color: var(--color-primario);
    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-ver:hover[b-d7ee77crwl] {
    background: var(--color-accion);
    color: var(--color-blanco);
}

.boton-firmar-solicitante[b-d7ee77crwl] {
    min-height: 32px;
    padding: 6px 12px;
    border: 1px solid var(--color-primario);
    border-radius: 7px;
    background: var(--color-primario);
    color: var(--color-blanco);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
}

.detalle-item .boton-firmar-solicitante[b-d7ee77crwl] {
    width: max-content;
    margin-top: 8px;
}

.boton-firmar-solicitante:hover[b-d7ee77crwl] {
    background: var(--color-accion);
}

.estado-desactivado[b-d7ee77crwl] {
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
}

.acciones-aviso-propio[b-d7ee77crwl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.acciones-tabla-aviso[b-d7ee77crwl] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 6px;
}

.boton-accion-icono[b-d7ee77crwl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--color-borde);
    border-radius: 7px;
    background: var(--color-superficie);
    color: var(--color-primario);
    cursor: pointer;
    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        transform .16s ease;
}

.boton-accion-icono svg[b-d7ee77crwl] {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.boton-ver-icono:hover[b-d7ee77crwl],
.boton-editar-icono:hover[b-d7ee77crwl] {
    border-color: var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
    transform: translateY(-1px);
}

.boton-accion-icono:focus-visible[b-d7ee77crwl] {
    outline: 2px solid rgba(var(--color-primario-rgb), .5);
    outline-offset: 2px;
}

.acciones-aviso-propio[b-d7ee77crwl] {
    padding: 0 16px 14px;
    justify-content: flex-end;
}

.boton-desactivar[b-d7ee77crwl] {
    min-height: 32px;
    padding: 6px 12px;
    border: 1px solid var(--color-error-borde);
    border-radius: 7px;
    background: var(--color-superficie);
    color: var(--color-error-texto);
    font: inherit;
    font-size: .74rem;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 1050px) {
    .panel-filtros[b-d7ee77crwl] {
        grid-template-columns: repeat(2, 1fr);
    }

    .resumen-reporte[b-d7ee77crwl] {
        grid-template-columns: repeat(2, 1fr);
    }

    .detalle-grid[b-d7ee77crwl] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .panel-filtros[b-d7ee77crwl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .resumen-reporte[b-d7ee77crwl] {
        grid-template-columns: 1fr 1fr;
    }

    .detalle-grid[b-d7ee77crwl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .detalle-completo[b-d7ee77crwl] {
        grid-column: 1 / -1;
    }

    .detalle-item[b-d7ee77crwl],
    .indicador-reporte[b-d7ee77crwl] {
        padding: var(--espacio-tarjeta-indicador-movil);
    }

    .indicador-reporte strong[b-d7ee77crwl] {
        margin-top: 2px;
        font-size: 1.12rem;
    }
}

@media (max-width: 350px) {
    .panel-filtros[b-d7ee77crwl],
    .detalle-grid[b-d7ee77crwl] {
        grid-template-columns: 1fr;
    }

    .detalle-completo[b-d7ee77crwl] {
        grid-column: auto;
    }
}

/* El detalle se presenta sobre el reporte para conservar la posición de la tabla. */
.detalle-aviso-fondo[b-d7ee77crwl] {
    position: fixed;
    inset: 0;
    z-index: 1140;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: var(--fondo-modal);
}

.detalle-aviso-fondo .detalle-aviso[b-d7ee77crwl] {
    width: min(940px, 100%);
    max-height: calc(100dvh - 32px);
    margin: 0;
    overflow: auto;
    overscroll-behavior: contain;
    background: var(--color-superficie-suave, #f8f5f3);
    box-shadow: var(--sombra-elevada);
}

.detalle-aviso-fondo .detalle-cabecera[b-d7ee77crwl] {
    position: sticky;
    top: -18px;
    z-index: 2;
    margin: -18px -18px 16px;
    padding: 14px 18px;
    border-bottom: 3px solid var(--color-primario);
    background: var(--color-oscuro);
}

.detalle-aviso-fondo .detalle-cabecera h3[b-d7ee77crwl] {
    color: var(--color-blanco);
}

.detalle-aviso-fondo .detalle-cabecera p[b-d7ee77crwl] {
    color: rgba(var(--color-blanco-rgb), .76);
}

.detalle-aviso-fondo .detalle-etiqueta[b-d7ee77crwl] {
    color: var(--color-primario-suave);
}

.detalle-aviso-fondo .boton-cerrar-detalle[b-d7ee77crwl] {
    border: 1px solid rgba(var(--color-blanco-rgb), .24);
    background: rgba(var(--color-blanco-rgb), .09);
    color: var(--color-blanco);
}

.acciones-cerrar-detalle[b-d7ee77crwl] {
    position: sticky;
    bottom: -18px;
    display: flex;
    justify-content: flex-end;
    margin: 12px -18px -18px;
    padding: 10px 18px;
    border-top: 1px solid var(--color-borde);
    background: var(--color-superficie);
}

.boton-cerrar-detalle-texto[b-d7ee77crwl] {
    min-height: 38px;
    padding: 8px 15px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-cerrar-detalle-texto:hover[b-d7ee77crwl] {
    border-color: var(--color-borde-fuerte);
    background: var(--color-superficie-secundaria);
}

@media (max-width: 600px) {
    .detalle-aviso-fondo[b-d7ee77crwl] {
        align-items: stretch;
        padding: 0;
    }

    .detalle-aviso-fondo .detalle-aviso[b-d7ee77crwl] {
        width: 100%;
        max-height: 100dvh;
        padding: 12px;
        border: 0;
        border-radius: 0;
    }

    .detalle-aviso-fondo .detalle-cabecera[b-d7ee77crwl] {
        top: -12px;
        margin: -12px -12px 12px;
        padding-inline: 12px;
    }

    .acciones-cerrar-detalle[b-d7ee77crwl] {
        bottom: -12px;
        margin: 10px -12px -12px;
        padding: 10px 12px;
    }

    .boton-cerrar-detalle-texto[b-d7ee77crwl] {
        width: 100%;
        min-height: 44px;
    }
}
/* /Components/Pages/Mantencion/ReporteKpi/DetallePreventivoKpi.razor.rz.scp.css */
.detalle-preventivo[b-y42hjh4642] {
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 17px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.encabezado-detalle[b-y42hjh4642] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--color-borde);
}

.encabezado-detalle span[b-y42hjh4642] {
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.encabezado-detalle h3[b-y42hjh4642] {
    margin: 0.2rem 0 0;
    color: var(--color-texto);
    font-size: 1rem;
}

.encabezado-detalle p[b-y42hjh4642] {
    margin: 0.25rem 0 0;
    color: var(--color-texto-secundario);
    font-size: 0.75rem;
}

.cerrar-detalle[b-y42hjh4642] {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    border: 0;
    border-radius: 50%;
    background: var(--color-superficie-secundaria);
    color: var(--color-texto);
    font-size: 1.1rem;
    cursor: pointer;
}

.mensaje-detalle[b-y42hjh4642] {
    padding: 1.25rem;
    color: var(--color-texto-secundario);
    text-align: center;
    font-size: 0.82rem;
}

.mensaje-detalle.error[b-y42hjh4642] {
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-weight: 700;
}

.contenedor-tabla-detalle[b-y42hjh4642] {
    overflow-x: auto;
}

.tabla-detalle[b-y42hjh4642] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
}

.tabla-detalle th[b-y42hjh4642],
.tabla-detalle td[b-y42hjh4642] {
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid var(--color-borde);
    text-align: left;
    vertical-align: top;
}

.tabla-detalle th[b-y42hjh4642] {
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.tabla-detalle td strong[b-y42hjh4642],
.tabla-detalle td span[b-y42hjh4642] {
    display: block;
}

.tabla-detalle td strong[b-y42hjh4642] {
    color: var(--color-texto);
    font-size: 0.8rem;
}

.tabla-detalle td span[b-y42hjh4642] {
    margin-top: 0.2rem;
    color: var(--color-texto-secundario);
    font-size: 0.72rem;
}

.tabla-detalle .estado[b-y42hjh4642] {
    display: inline-block;
    padding: 0.16rem 0.42rem;
    border-radius: var(--radio-circular);
    background: var(--color-superficie-secundaria);
    font-size: 0.64rem;
    font-weight: 800;
}

.estado.vencidas[b-y42hjh4642],
.estado.canceladas[b-y42hjh4642] {
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.estado.ejecutadas[b-y42hjh4642] {
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.estado.reprogramadas[b-y42hjh4642] {
    background: var(--color-advertencia-superficie);
    color: var(--color-advertencia-texto);
}

.acciones-detalle[b-y42hjh4642] {
    display: flex;
    justify-content: center;
    padding: 0.8rem 1rem 1rem;
}

.acciones-detalle button[b-y42hjh4642] {
    min-height: 38px;
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-accion);
    border-radius: 9px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
}

.acciones-detalle button:disabled[b-y42hjh4642] {
    cursor: wait;
    opacity: 0.62;
}

.tabla-detalle .gestionar-programacion[b-y42hjh4642] {
    margin-top: 0.55rem;
    padding: 0.38rem 0.62rem;
    border: 1px solid var(--color-accion);
    border-radius: 8px;
    background: transparent;
    color: var(--color-accion);
    font-family: inherit;
    font-size: 0.7rem;
    font-weight: 800;
    cursor: pointer;
}

.tabla-detalle .gestionar-programacion:hover[b-y42hjh4642],
.tabla-detalle .gestionar-programacion:focus-visible[b-y42hjh4642] {
    background: var(--color-accion);
    color: var(--color-blanco);
}
/* /Components/Pages/Mantencion/ReporteKpi/ReporteKpi.razor.rz.scp.css */
.reporte-kpi[b-l2d6zxg241] {
    /* Paleta funcional exclusiva de las visualizaciones KPI. */
    --kpi-total: #4f4844;
    --kpi-abierto: #a94840;
    --kpi-terminado: #c38a20;
    --kpi-cerrado: #2f7d4a;
    --kpi-critico: #852c27;
    --kpi-luz-roja: #e45b52;
    --kpi-luz-amarilla: #e7b13c;
    --kpi-luz-verde: #4eb66e;
    --kpi-electrica: #596f9e;
    --kpi-otros: #8a6f5b;
    --kpi-area: var(--color-secundario);
    --kpi-preventivo-pendiente: #596f9e;
    --kpi-preventivo-vencida: #a94840;
    --kpi-preventivo-ejecutada: #2f7d4a;
    --kpi-preventivo-cancelada: #852c27;
    --kpi-preventivo-reprogramada: #c38a20;
    display: grid;
    gap: 0.7rem;
}

.barra-filtros[b-l2d6zxg241] {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) auto;
    gap: 0.7rem;
    align-items: end;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--color-borde);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.filtro-kpi[b-l2d6zxg241] {
    display: grid;
    gap: 0.25rem;
}

.filtro-kpi label[b-l2d6zxg241],
.actualizacion-kpi span[b-l2d6zxg241] {
    color: var(--color-texto-secundario);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.control-kpi[b-l2d6zxg241] {
    width: 100%;
    min-height: 40px;
    padding: 0 0.85rem;
    border: 1px solid var(--color-borde);
    border-radius: 11px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
    outline: none;
}

.control-kpi:focus[b-l2d6zxg241] {
    border-color: var(--color-primario);
    box-shadow: var(--foco-control);
}

.actualizacion-kpi[b-l2d6zxg241] {
    display: grid;
    gap: 0.25rem;
    justify-items: end;
    min-width: 170px;
    padding-bottom: 0.2rem;
}

.actualizacion-kpi strong[b-l2d6zxg241] {
    color: var(--color-texto);
    font-size: 0.92rem;
}

.estado-kpi[b-l2d6zxg241],
.error-kpi[b-l2d6zxg241] {
    padding: 1rem;
    border-radius: 14px;
    text-align: center;
    font-weight: 700;
}

.estado-kpi[b-l2d6zxg241] {
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
}

.error-kpi[b-l2d6zxg241] {
    border: 1px solid var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.tarjetas-kpi[b-l2d6zxg241] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
}

.tarjeta-kpi[b-l2d6zxg241] {
    position: relative;
    display: grid;
    gap: 0.3rem;
    min-height: 92px;
    padding: 0.75rem 0.85rem;
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 16px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.tarjeta-kpi[b-l2d6zxg241]::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    content: "";
}

.tarjeta-kpi span[b-l2d6zxg241] {
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
    font-weight: 800;
}

.tarjeta-kpi strong[b-l2d6zxg241] {
    color: var(--color-texto);
    font-size: 1.7rem;
    line-height: 1;
}

.tarjeta-kpi small[b-l2d6zxg241] {
    align-self: end;
    color: var(--color-texto-deshabilitado);
    font-size: 0.73rem;
}

.tarjeta-total[b-l2d6zxg241]::before {
    background: var(--kpi-total);
}

.tarjeta-abiertos[b-l2d6zxg241]::before {
    background: var(--kpi-abierto);
}

.tarjeta-terminados[b-l2d6zxg241]::before {
    background: var(--kpi-terminado);
}

.tarjeta-cerrados[b-l2d6zxg241]::before {
    background: var(--kpi-cerrado);
}

.tarjeta-criticos[b-l2d6zxg241]::before {
    background: var(--kpi-critico);
}

.paneles-principales[b-l2d6zxg241] {
    display: grid;
    grid-template-columns: 1fr 1fr 1.15fr;
    gap: 0.7rem;
}

.paneles-secundarios[b-l2d6zxg241] {
    display: grid;
    grid-template-columns: 0.85fr 1.25fr 1fr;
    gap: 0.7rem;
}

.panel-kpi[b-l2d6zxg241] {
    min-width: 0;
    padding: 0.8rem;
    border: 1px solid var(--color-borde);
    border-radius: 17px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.titulo-panel[b-l2d6zxg241] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.7rem;
}

.titulo-panel span[b-l2d6zxg241] {
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.titulo-panel h3[b-l2d6zxg241] {
    margin: 0.2rem 0 0;
    color: var(--color-texto);
    font-size: 1rem;
}

.indicador-semaforo[b-l2d6zxg241] {
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(var(--color-negro-rgb), 0.04);
}

.semaforo-rojo[b-l2d6zxg241] {
    background: var(--color-error);
}

.semaforo-amarillo[b-l2d6zxg241] {
    background: var(--color-advertencia);
}

.semaforo-verde[b-l2d6zxg241] {
    background: var(--color-exito);
}

.contenido-semaforo[b-l2d6zxg241] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: center;
}

.semaforo-visual[b-l2d6zxg241] {
    display: grid;
    gap: 0.45rem;
    padding: 0.65rem;
    border-radius: 18px;
    background: var(--color-negro);
    box-shadow: inset 0 0 0 1px rgba(var(--color-blanco-rgb), 0.08);
}

.luz-semaforo[b-l2d6zxg241] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    opacity: 0.18;
}

.luz-semaforo.activa[b-l2d6zxg241] {
    opacity: 1;
    box-shadow: 0 0 16px currentColor;
}

.luz-roja[b-l2d6zxg241] {
    color: var(--kpi-luz-roja);
    background: var(--kpi-luz-roja);
}

.luz-amarilla[b-l2d6zxg241] {
    color: var(--kpi-luz-amarilla);
    background: var(--kpi-luz-amarilla);
}

.luz-verde[b-l2d6zxg241] {
    color: var(--kpi-luz-verde);
    background: var(--kpi-luz-verde);
}

.texto-semaforo[b-l2d6zxg241] {
    display: grid;
    gap: 0.35rem;
}

.texto-semaforo strong[b-l2d6zxg241] {
    color: var(--color-texto);
    font-size: 1.1rem;
}

.texto-semaforo p[b-l2d6zxg241] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.86rem;
    line-height: 1.45;
}

.medidor-contenedor[b-l2d6zxg241] {
    position: relative;
    min-height: 152px;
}

.medidor-svg[b-l2d6zxg241] {
    width: 100%;
    height: 145px;
    overflow: visible;
}

.medidor-base[b-l2d6zxg241],
.medidor-progreso[b-l2d6zxg241] {
    fill: none;
    stroke-width: 16;
    stroke-linecap: round;
}

.medidor-base[b-l2d6zxg241] {
    stroke: var(--color-superficie-secundaria);
}

.medidor-progreso[b-l2d6zxg241] {
    stroke: var(--color-primario);
}

.valor-medidor[b-l2d6zxg241] {
    position: absolute;
    right: 0;
    bottom: 0.7rem;
    left: 0;
    display: grid;
    justify-items: center;
}

.valor-medidor strong[b-l2d6zxg241] {
    color: var(--color-texto);
    font-size: 1.7rem;
    line-height: 1;
}

.valor-medidor span[b-l2d6zxg241] {
    margin-top: 0.25rem;
    color: var(--color-texto-secundario);
    font-size: 0.75rem;
}

.lista-barras[b-l2d6zxg241],
.lista-areas[b-l2d6zxg241],
.lista-plantas[b-l2d6zxg241] {
    display: grid;
    gap: 0.9rem;
}

.barra-item[b-l2d6zxg241],
.area-item[b-l2d6zxg241],
.planta-item[b-l2d6zxg241] {
    display: grid;
    gap: 0.35rem;
}

.barra-etiqueta[b-l2d6zxg241],
.area-cabecera[b-l2d6zxg241],
.planta-item > div:first-child[b-l2d6zxg241] {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    justify-content: space-between;
    color: var(--color-texto-secundario);
    font-size: 0.84rem;
}

.barra-etiqueta strong[b-l2d6zxg241],
.area-cabecera strong[b-l2d6zxg241],
.planta-item strong[b-l2d6zxg241] {
    color: var(--color-texto);
}

.area-cabecera span[b-l2d6zxg241] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.barra-fondo[b-l2d6zxg241] {
    height: 9px;
    overflow: hidden;
    border-radius: var(--radio-circular);
    background: var(--color-superficie-secundaria);
}

.barra-valor[b-l2d6zxg241] {
    display: block;
    height: 100%;
    min-width: 3px;
    border-radius: inherit;
    transition: width 180ms ease;
}

.barra-mecanica[b-l2d6zxg241] {
    background: var(--color-primario);
}

.barra-electrica[b-l2d6zxg241] {
    background: var(--kpi-electrica);
}

.barra-otros[b-l2d6zxg241] {
    background: var(--kpi-otros);
}

.barra-area[b-l2d6zxg241] {
    background: var(--kpi-area);
}

.barra-planta[b-l2d6zxg241] {
    background: var(--kpi-total);
}

.dato-antiguo[b-l2d6zxg241] {
    display: flex;
    justify-content: space-between;
    padding-top: 0.8rem;
    border-top: 1px dashed var(--color-borde);
    color: var(--color-texto-secundario);
    font-size: 0.78rem;
}

.dona-contenido[b-l2d6zxg241] {
    display: grid;
    grid-template-columns: 125px 1fr;
    gap: 1rem;
    align-items: center;
}

.grafico-dona[b-l2d6zxg241] {
    display: grid;
    width: 125px;
    height: 125px;
    place-items: center;
    border-radius: 50%;
}

.centro-dona[b-l2d6zxg241] {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    align-content: center;
    border-radius: 50%;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.centro-dona strong[b-l2d6zxg241] {
    color: var(--color-texto);
    font-size: 1.45rem;
    line-height: 1;
}

.centro-dona span[b-l2d6zxg241] {
    margin-top: 0.25rem;
    color: var(--color-texto-secundario);
    font-size: 0.7rem;
}

.leyenda-estados[b-l2d6zxg241] {
    display: grid;
    gap: 0.65rem;
}

.leyenda-estados > div[b-l2d6zxg241] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.5rem;
    align-items: center;
    color: var(--color-texto-secundario);
    font-size: 0.8rem;
}

.punto-leyenda[b-l2d6zxg241] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.punto-abierto[b-l2d6zxg241] {
    background: var(--kpi-abierto);
}

.punto-terminado[b-l2d6zxg241] {
    background: var(--kpi-terminado);
}

.punto-cerrado[b-l2d6zxg241] {
    background: var(--kpi-cerrado);
}

.sin-datos[b-l2d6zxg241] {
    display: grid;
    min-height: 120px;
    place-items: center;
    color: var(--color-texto-deshabilitado);
    text-align: center;
    font-size: 0.82rem;
}

@media (max-width: 1200px) {
    .tarjetas-kpi[b-l2d6zxg241] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .paneles-principales[b-l2d6zxg241],
    .paneles-secundarios[b-l2d6zxg241] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 780px) {
    .barra-filtros[b-l2d6zxg241] {
        grid-template-columns: 1fr;
    }

    .control-kpi[b-l2d6zxg241] {
        min-height: 44px;
    }

    .actualizacion-kpi[b-l2d6zxg241] {
        justify-items: start;
    }

    .tarjetas-kpi[b-l2d6zxg241] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }

    .paneles-principales[b-l2d6zxg241],
    .paneles-secundarios[b-l2d6zxg241] {
        grid-template-columns: 1fr;
    }

    .tarjeta-kpi[b-l2d6zxg241] {
        min-height: 76px;
        padding: .6rem .7rem;
    }

    .tarjeta-kpi strong[b-l2d6zxg241] {
        font-size: 1.4rem;
    }

    .panel-kpi[b-l2d6zxg241] {
        padding: .65rem;
    }

}

@media (max-width: 420px) {
    .dona-contenido[b-l2d6zxg241] {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: left;
    }

    .leyenda-estados[b-l2d6zxg241] {
        width: 100%;
    }
}
/* /Components/Pages/Mantencion/ReporteKpi/ResumenPreventivoKpi.razor.rz.scp.css */
.resumen-preventivo[b-wgtfcbq9c4] {
    display: grid;
    gap: 0.7rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--color-borde);
    border-radius: 17px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.encabezado-preventivo[b-wgtfcbq9c4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
}

.encabezado-preventivo > div:first-child > span[b-wgtfcbq9c4] {
    color: var(--color-primario);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.encabezado-preventivo h3[b-wgtfcbq9c4] {
    margin: 0.2rem 0 0;
    color: var(--color-texto);
    font-size: 1rem;
}

.encabezado-preventivo p[b-wgtfcbq9c4] {
    margin: 0.35rem 0 0;
    color: var(--color-texto-secundario);
    font-size: 0.78rem;
}

.metricas-preventivas[b-wgtfcbq9c4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(145px, 1fr));
    gap: 0.65rem;
}

.metricas-preventivas > div[b-wgtfcbq9c4] {
    display: grid;
    gap: 0.2rem;
    padding: var(--espacio-tarjeta-indicador);
    border-radius: 11px;
    background: var(--color-superficie-secundaria);
}

.metricas-preventivas span[b-wgtfcbq9c4],
.tarjeta-preventiva span[b-wgtfcbq9c4] {
    color: var(--color-texto-secundario);
    font-size: 0.75rem;
    font-weight: 800;
}

.metricas-preventivas strong[b-wgtfcbq9c4] {
    color: var(--color-texto);
    font-size: 1.2rem;
}

.metricas-preventivas small[b-wgtfcbq9c4],
.tarjeta-preventiva small[b-wgtfcbq9c4] {
    color: var(--color-texto-deshabilitado);
    font-size: 0.7rem;
}

.tarjetas-preventivas[b-wgtfcbq9c4] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--separacion-tarjetas-indicador);
}

.tarjeta-preventiva[b-wgtfcbq9c4] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: var(--espacio-tarjeta-indicador);
    border-top: 3px solid var(--color-borde-fuerte);
    border-radius: 10px;
    background: var(--color-superficie-secundaria);
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition:
        box-shadow 160ms ease,
        transform 160ms ease;
}

.tarjeta-preventiva:hover:not(:disabled)[b-wgtfcbq9c4],
.tarjeta-preventiva.seleccionada[b-wgtfcbq9c4] {
    box-shadow: var(--sombra-tarjeta);
    transform: translateY(-2px);
}

.tarjeta-preventiva:focus-visible[b-wgtfcbq9c4] {
    outline: 3px solid rgba(var(--color-primario-rgb), 0.25);
    outline-offset: 2px;
}

.tarjeta-preventiva:disabled[b-wgtfcbq9c4] {
    cursor: default;
    opacity: 0.58;
}

.tarjeta-preventiva strong[b-wgtfcbq9c4] {
    color: var(--color-texto);
    font-size: 1.3rem;
    line-height: 1;
}

.tarjeta-preventiva.pendiente[b-wgtfcbq9c4] {
    border-color: var(--kpi-preventivo-pendiente);
}

.tarjeta-preventiva.vencida[b-wgtfcbq9c4] {
    border-color: var(--kpi-preventivo-vencida);
}

.tarjeta-preventiva.ejecutada[b-wgtfcbq9c4] {
    border-color: var(--kpi-preventivo-ejecutada);
}

.tarjeta-preventiva.cancelada[b-wgtfcbq9c4] {
    border-color: var(--kpi-preventivo-cancelada);
}

.tarjeta-preventiva.reprogramada[b-wgtfcbq9c4] {
    border-color: var(--kpi-preventivo-reprogramada);
}

.total-preventivo[b-wgtfcbq9c4] {
    color: var(--color-texto-secundario);
    font-size: 0.76rem;
    text-align: right;
}

.total-preventivo strong[b-wgtfcbq9c4] {
    color: var(--color-texto);
}

@media (max-width: 1200px) {
    .tarjetas-preventivas[b-wgtfcbq9c4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .encabezado-preventivo[b-wgtfcbq9c4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .encabezado-preventivo > div:first-child[b-wgtfcbq9c4],
    .metricas-preventivas[b-wgtfcbq9c4] {
        min-width: 0;
        width: 100%;
    }

    .tarjetas-preventivas[b-wgtfcbq9c4],
    .metricas-preventivas[b-wgtfcbq9c4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }

    .tarjeta-preventiva[b-wgtfcbq9c4],
    .metricas-preventivas > div[b-wgtfcbq9c4] {
        padding: var(--espacio-tarjeta-indicador-movil);
    }
}

@media (max-width: 380px) {
    .metricas-preventivas[b-wgtfcbq9c4] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Mantencion/ResultadoImportacionPlanificacionPanel.razor.rz.scp.css */
.mensaje-exito[b-w6g65foj2z] {
    margin-bottom: 18px;
    padding: 16px;
    border: 1px solid var(--color-exito-borde);
    border-radius: 12px;
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.resultado-importacion[b-w6g65foj2z] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 12px;
}

.enlace-reporte[b-w6g65foj2z] {
    display: inline-block;
    margin-top: 14px;
    color: var(--color-primario);
    font-weight: 800;
}

@media (max-width: 600px) {
    .mensaje-exito[b-w6g65foj2z] {
        margin-bottom: 10px;
        padding: 10px;
    }

    .resultado-importacion[b-w6g65foj2z] {
        gap: 8px;
        margin-top: 8px;
    }

    .enlace-reporte[b-w6g65foj2z] {
        margin-top: 8px;
    }
}
/* /Components/Pages/Mantencion/SelectorUbicacionAviso.razor.rz.scp.css */
@media (min-width: 960px) {
    .fila-formulario[b-izyyspstp1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Pages/Mantencion/VisorFichaCriticidad.razor.rz.scp.css */
.visor-ficha-criticidad[b-k2lz1cppcx] {
    display: grid;
    min-height: 720px;
    grid-template-rows: auto minmax(0, 1fr);
    background: var(--color-superficie);
}

.visor-ficha-criticidad.visor-compacto[b-k2lz1cppcx] {
    width: 100%;
    height: 100%;
    min-height: 0;
}

.acciones-ficha-criticidad[b-k2lz1cppcx] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie-suave);
}

.acciones-ficha-criticidad a[b-k2lz1cppcx] {
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-primario);
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
}

.acciones-ficha-criticidad a:hover[b-k2lz1cppcx],
.acciones-ficha-criticidad a:focus-visible[b-k2lz1cppcx] {
    border-color: var(--color-primario);
    background: var(--color-primario-superficie);
}

.documento-ficha-criticidad[b-k2lz1cppcx] {
    width: 100%;
    height: 100%;
    min-height: 660px;
    border: 0;
    background: var(--color-superficie);
}

.visor-compacto .documento-ficha-criticidad[b-k2lz1cppcx] {
    min-height: 0;
}

.documento-ficha-criticidad p[b-k2lz1cppcx] {
    margin: 20px;
    color: var(--color-texto-secundario);
}

@media (max-width: 600px) {
    .visor-ficha-criticidad:not(.visor-compacto)[b-k2lz1cppcx] {
        min-height: 72dvh;
    }

    .acciones-ficha-criticidad[b-k2lz1cppcx] {
        justify-content: stretch;
        padding: 8px;
    }

    .acciones-ficha-criticidad a[b-k2lz1cppcx] {
        flex: 1 1 0;
        text-align: center;
    }

    .documento-ficha-criticidad[b-k2lz1cppcx] {
        min-height: 64dvh;
    }
}
/* /Components/Pages/Packing/ArmadoPedidos.razor.rz.scp.css */
.armado-pedidos[b-txoiyr9uff] {
    display: grid;
    gap: 6px;
}

.resumen-armado[b-txoiyr9uff] {
    display: flex;
    align-items: stretch;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-borde);
}

.resumen-armado > div[b-txoiyr9uff] {
    display: grid;
    min-width: 125px;
    align-content: center;
    padding: 5px 9px;
    background: var(--color-superficie);
}

.resumen-armado span[b-txoiyr9uff] {
    color: var(--color-texto-secundario);
    font-size: .62rem;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.resumen-armado strong[b-txoiyr9uff] {
    color: var(--color-oscuro);
    font-size: .86rem;
    line-height: 1.15;
}

.resumen-armado .acciones-armado[b-txoiyr9uff] {
    display: flex;
    min-width: 175px;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.boton-volver-escaner[b-txoiyr9uff],
.boton-imprimir-pallet[b-txoiyr9uff],
.boton-armado-pallet[b-txoiyr9uff] {
    min-height: 34px;
    padding: 5px 10px;
    border: 1px solid var(--color-accion);
    border-radius: 8px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font: inherit;
    font-size: .76rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.boton-imprimir-pallet[b-txoiyr9uff] {
    background: var(--color-superficie);
    color: var(--color-accion);
}

.boton-armado-pallet[b-txoiyr9uff] {
    border-color: var(--color-primario);
    background: var(--color-superficie);
    color: var(--color-primario);
}

.boton-imprimir-pallet:disabled[b-txoiyr9uff],
.boton-armado-pallet:disabled[b-txoiyr9uff] {
    cursor: wait;
    opacity: .55;
}

.mensaje-error[b-txoiyr9uff],
.mensaje-exito[b-txoiyr9uff] {
    padding: 10px 13px;
    border: 1px solid;
    border-radius: 10px;
    font-size: .82rem;
}

.mensaje-error[b-txoiyr9uff] {
    border-color: var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.mensaje-exito[b-txoiyr9uff] {
    border-color: var(--color-exito-borde);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.contenedor-armado[b-txoiyr9uff] {
    width: 100%;
    max-height: clamp(320px, 64dvh, 720px);
    overflow: auto;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.tabla-armado[b-txoiyr9uff] {
    width: 100%;
    min-width: 1120px;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    color: var(--color-texto);
    font-size: .76rem;
}

.tabla-armado .col-pedido[b-txoiyr9uff] { width: 6.5%; }
.tabla-armado .col-pallet[b-txoiyr9uff] { width: 8.5%; }
.tabla-armado .col-fecha[b-txoiyr9uff] { width: 7.5%; }
.tabla-armado .col-cliente[b-txoiyr9uff] { width: 18%; }
.tabla-armado .col-lote[b-txoiyr9uff] { width: 12%; }
.tabla-armado .col-producto[b-txoiyr9uff] { width: 9%; }
.tabla-armado .col-envases[b-txoiyr9uff] { width: 9%; }
.tabla-armado .col-tipo-envase[b-txoiyr9uff] { width: 10%; }
.tabla-armado .col-real[b-txoiyr9uff] { width: 11%; }
.tabla-armado .col-faltan[b-txoiyr9uff] { width: 4.5%; }
.tabla-armado .col-eliminar[b-txoiyr9uff] { width: 6%; }

.tabla-armado th[b-txoiyr9uff],
.tabla-armado td[b-txoiyr9uff] {
    padding: 7px 8px;
    border-right: 1px solid var(--color-borde);
    border-bottom: 1px solid var(--color-borde);
    vertical-align: middle;
}

.tabla-armado th:last-child[b-txoiyr9uff],
.tabla-armado td:last-child[b-txoiyr9uff] {
    border-right: 0;
}

.tabla-armado tbody tr:last-child td[b-txoiyr9uff] {
    border-bottom: 0;
}

.tabla-armado thead th[b-txoiyr9uff] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #c5d99d;
    color: var(--color-oscuro);
    font-size: .7rem;
    text-align: center;
    white-space: nowrap;
}

.tabla-armado thead .cabecera-cantidad[b-txoiyr9uff] {
    background: var(--color-accion);
    color: var(--color-blanco);
}

.tabla-armado thead .cabecera-faltan[b-txoiyr9uff] {
    background: #ffc28f;
}

.tabla-armado thead .cabecera-eliminar[b-txoiyr9uff] {
    background: #d8d0ea;
}

.tabla-armado tbody tr:hover td[b-txoiyr9uff] {
    background: var(--color-superficie-suave);
}

.tabla-armado tbody tr.fila-con-error td[b-txoiyr9uff] {
    border-top: 2px solid var(--color-error-texto);
    border-bottom: 2px solid var(--color-error-texto);
    background: var(--color-error-superficie);
}

.tabla-armado tbody tr.fila-con-error td:first-child[b-txoiyr9uff] {
    box-shadow: inset 4px 0 0 var(--color-error-texto);
}

.tabla-armado tbody tr.fila-con-error .entrada-pallet[b-txoiyr9uff],
.tabla-armado tbody tr.fila-con-error .selector-envase[b-txoiyr9uff],
.tabla-armado tbody tr.fila-con-error .control-real input[b-txoiyr9uff] {
    border-color: var(--color-error-texto);
}

.tabla-armado .pedido[b-txoiyr9uff],
.tabla-armado .lote[b-txoiyr9uff] {
    color: var(--color-primario);
    font-weight: 800;
}

.tabla-armado .cliente[b-txoiyr9uff] {
    overflow-wrap: anywhere;
}

.tabla-armado td strong[b-txoiyr9uff],
.tabla-armado td small[b-txoiyr9uff] {
    display: block;
}

.tabla-armado td small[b-txoiyr9uff] {
    max-width: 190px;
    overflow: hidden;
    color: var(--color-texto-secundario);
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cantidad[b-txoiyr9uff],
.faltan[b-txoiyr9uff],
.eliminar[b-txoiyr9uff] {
    text-align: center;
}

.cantidad-desglose[b-txoiyr9uff] {
    display: block;
    color: var(--color-oscuro);
    white-space: nowrap;
}

.cantidad-avance[b-txoiyr9uff] {
    color: var(--color-error);
    font-weight: 400;
}

.cantidad-separador[b-txoiyr9uff] {
    color: var(--color-texto-secundario);
    font-weight: 400;
    margin: 0 .15rem;
}

.cantidad-total[b-txoiyr9uff] {
    color: var(--color-info);
    font-weight: 900;
}

.faltan[b-txoiyr9uff] {
    color: var(--color-accion);
    font-size: .9rem;
    font-weight: 900;
}

.entrada-pallet[b-txoiyr9uff],
.selector-envase[b-txoiyr9uff],
.control-real input[b-txoiyr9uff] {
    min-height: 34px;
    border: 1px solid var(--color-borde);
    border-radius: 7px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
}

.entrada-pallet[b-txoiyr9uff],
.control-real input[b-txoiyr9uff] {
    border-width: 2px;
    border-color: color-mix(in srgb, var(--color-accion) 45%, var(--color-borde));
    background: #fffdf8;
    color: var(--color-oscuro);
    font-size: 1rem;
    font-weight: 900;
}

.entrada-pallet[b-txoiyr9uff] {
    width: 100%;
    padding: 5px 7px;
}

.selector-envase[b-txoiyr9uff] {
    width: 100%;
    padding: 5px 7px;
}

.control-real[b-txoiyr9uff] {
    display: grid;
    grid-template-columns: 30px minmax(38px, 1fr) 30px;
    width: 100%;
    justify-content: center;
}

.control-real input[b-txoiyr9uff] {
    min-width: 0;
    padding: 4px;
    border-radius: 0;
    text-align: center;
}

.control-real button[b-txoiyr9uff],
.boton-continuar[b-txoiyr9uff],
.boton-eliminar[b-txoiyr9uff] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie-suave);
    color: var(--color-oscuro);
    font: inherit;
    font-size: 1rem;
    font-weight: 900;
    cursor: pointer;
}

.control-real button:first-child[b-txoiyr9uff] {
    border-radius: 7px 0 0 7px;
}

.control-real button:last-child[b-txoiyr9uff] {
    border-radius: 0 7px 7px 0;
}

.control-real button:disabled[b-txoiyr9uff],
.boton-continuar:disabled[b-txoiyr9uff],
.boton-eliminar:disabled[b-txoiyr9uff] {
    cursor: not-allowed;
    opacity: .45;
}

.acciones-fila[b-txoiyr9uff] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.boton-continuar[b-txoiyr9uff],
.boton-eliminar[b-txoiyr9uff] {
    display: inline-grid;
    width: 32px;
    height: 32px;
    place-items: center;
    padding: 0;
    border-radius: 8px;
}

.boton-continuar[b-txoiyr9uff] {
    border-color: color-mix(in srgb, var(--color-accion) 45%, var(--color-borde));
    color: var(--color-accion);
}

.boton-eliminar[b-txoiyr9uff] {
    border-color: var(--color-error-borde);
    color: var(--color-error-texto);
}

.boton-continuar svg[b-txoiyr9uff],
.boton-eliminar svg[b-txoiyr9uff] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fondo-confirmacion[b-txoiyr9uff] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 18px;
    background: var(--fondo-modal);
}

.fondo-selector-etiqueta[b-txoiyr9uff] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 18px;
    background: var(--fondo-modal);
}

.selector-impresion[b-txoiyr9uff] {
    display: grid;
    gap: 16px;
    width: min(540px, 100%);
    padding: 18px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.selector-impresion > header[b-txoiyr9uff] {
    display: flex;
    gap: 14px;
    align-items: start;
    justify-content: space-between;
}

.selector-impresion h2[b-txoiyr9uff] {
    margin: 0;
    color: var(--color-oscuro);
    font-size: 1.05rem;
}

.selector-impresion header p[b-txoiyr9uff],
.estado-selector[b-txoiyr9uff],
.error-selector[b-txoiyr9uff] {
    margin: 4px 0 0;
    color: var(--color-texto-secundario);
    font-size: .82rem;
}

.boton-cerrar-selector[b-txoiyr9uff] {
    display: grid;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie-suave);
    color: var(--color-oscuro);
    font-size: 1.25rem;
    line-height: 1;
    place-items: center;
    cursor: pointer;
}

.campos-selector-impresion[b-txoiyr9uff] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.campos-selector-impresion label[b-txoiyr9uff] {
    display: grid;
    gap: 6px;
    color: var(--color-oscuro);
    font-size: .8rem;
    font-weight: 800;
}

.campos-selector-impresion input[b-txoiyr9uff],
.campos-selector-impresion select[b-txoiyr9uff] {
    width: 100%;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    color: var(--color-oscuro);
    font: inherit;
}

.error-selector[b-txoiyr9uff] {
    padding: 9px 11px;
    border: 1px solid var(--color-error-borde);
    border-radius: 8px;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.selector-impresion > footer[b-txoiyr9uff] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.selector-armado-pallet[b-txoiyr9uff] {
    width: min(760px, 100%);
    max-height: min(82dvh, 760px);
}

.lista-asignaciones-pallet[b-txoiyr9uff] {
    display: grid;
    gap: 8px;
    overflow: auto;
    padding-right: 3px;
}

.fila-asignacion-pallet[b-txoiyr9uff] {
    display: grid;
    grid-template-columns: minmax(170px, .8fr) minmax(250px, 1.5fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--color-borde);
    border-radius: 10px;
    background: var(--color-superficie-suave);
}

.fila-asignacion-pallet > div[b-txoiyr9uff] {
    display: grid;
    gap: 1px;
}

.fila-asignacion-pallet span[b-txoiyr9uff],
.fila-asignacion-pallet small[b-txoiyr9uff] {
    color: var(--color-texto-secundario);
    font-size: .7rem;
}

.fila-asignacion-pallet strong[b-txoiyr9uff] {
    color: var(--color-oscuro);
    font-size: 1.05rem;
}

.fila-asignacion-pallet select[b-txoiyr9uff],
.fila-asignacion-pallet button[b-txoiyr9uff] {
    min-height: 42px;
    border-radius: 8px;
    font: inherit;
}

.fila-asignacion-pallet select[b-txoiyr9uff] {
    min-width: 0;
    padding: 7px 9px;
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-oscuro);
}

.fila-asignacion-pallet button[b-txoiyr9uff] {
    padding: 7px 13px;
    border: 1px solid var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
    font-weight: 800;
    cursor: pointer;
}

.fila-asignacion-pallet button:disabled[b-txoiyr9uff],
.fila-asignacion-pallet select:disabled[b-txoiyr9uff] {
    cursor: wait;
    opacity: .55;
}

.boton-cancelar-selector[b-txoiyr9uff],
.boton-abrir-etiqueta[b-txoiyr9uff] {
    min-height: 38px;
    padding: 7px 12px;
    border-radius: 8px;
    font: inherit;
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-cancelar-selector[b-txoiyr9uff] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto);
}

.boton-abrir-etiqueta[b-txoiyr9uff] {
    border: 1px solid var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.boton-cancelar-selector:disabled[b-txoiyr9uff],
.boton-abrir-etiqueta:disabled[b-txoiyr9uff],
.boton-cerrar-selector:disabled[b-txoiyr9uff] {
    cursor: wait;
    opacity: .55;
}

.confirmacion-eliminacion[b-txoiyr9uff] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    width: min(520px, 100%);
    padding: 18px;
    border: 1px solid var(--color-error-borde);
    border-radius: 14px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.icono-confirmacion[b-txoiyr9uff] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-size: 1.15rem;
    font-weight: 950;
}

.confirmacion-eliminacion h2[b-txoiyr9uff] {
    margin: 0 0 7px;
    color: var(--color-oscuro);
    font-size: 1.05rem;
}

.confirmacion-eliminacion p[b-txoiyr9uff] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: .86rem;
    line-height: 1.5;
}

.confirmacion-eliminacion footer[b-txoiyr9uff] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 5px;
}

.boton-cancelar-eliminacion[b-txoiyr9uff],
.boton-confirmar-eliminacion[b-txoiyr9uff] {
    min-height: 38px;
    padding: 7px 12px;
    border-radius: 8px;
    font: inherit;
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-cancelar-eliminacion[b-txoiyr9uff] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto);
}

.boton-confirmar-eliminacion[b-txoiyr9uff] {
    border: 1px solid var(--color-error-texto);
    background: var(--color-error-texto);
    color: var(--color-blanco);
}

.boton-cancelar-eliminacion:disabled[b-txoiyr9uff],
.boton-confirmar-eliminacion:disabled[b-txoiyr9uff] {
    cursor: wait;
    opacity: .6;
}

.fila-vacia td[b-txoiyr9uff] {
    padding: 24px;
    color: var(--color-texto-secundario);
    text-align: center;
}

@media (max-width: 700px) {
    .resumen-armado[b-txoiyr9uff] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .resumen-armado > div[b-txoiyr9uff] {
        min-width: 0;
    }

    .resumen-armado .acciones-armado[b-txoiyr9uff] {
        grid-column: 1 / -1;
        min-width: 0;
        justify-content: space-between;
    }

    .campos-selector-impresion[b-txoiyr9uff] {
        grid-template-columns: 1fr;
    }

    .fila-asignacion-pallet[b-txoiyr9uff] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Packing/BotonVisualizarEtiqueta.razor.rz.scp.css */
.boton-visualizar-etiqueta[b-dyiy2wb6c7] {
    display: inline-grid;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--color-primario) 35%, var(--color-borde));
    border-radius: 8px;
    background: color-mix(in srgb, var(--color-primario) 7%, var(--color-superficie));
    color: var(--color-primario);
    cursor: pointer;
    place-items: center;
}

.boton-visualizar-etiqueta:hover:not(:disabled)[b-dyiy2wb6c7] {
    background: color-mix(in srgb, var(--color-primario) 14%, var(--color-superficie));
}

.boton-visualizar-etiqueta:focus-visible[b-dyiy2wb6c7] {
    outline: 2px solid var(--color-primario);
    outline-offset: 2px;
}

.boton-visualizar-etiqueta:disabled[b-dyiy2wb6c7] {
    cursor: wait;
    opacity: .5;
}

.boton-visualizar-etiqueta svg[b-dyiy2wb6c7] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}
/* /Components/Pages/Packing/Calidad.razor.rz.scp.css */
.calidad-etiquetas[b-erbofiaghg] {
    display: grid;
    gap: 14px;
}

.cabecera-calidad[b-erbofiaghg] {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.cabecera-calidad span[b-erbofiaghg] {
    color: var(--color-primario);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.cabecera-calidad p[b-erbofiaghg] {
    margin: 4px 0 0;
    color: var(--color-texto-secundario);
}

.acciones-revision[b-erbofiaghg] {
    display: flex;
    gap: 8px;
}

.boton-autorizar[b-erbofiaghg],
.boton-rechazar[b-erbofiaghg],
.boton-confirmar-rechazo[b-erbofiaghg],
.boton-confirmar[b-erbofiaghg] {
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid var(--color-primario);
    border-radius: 9px;
    background: var(--color-primario);
    color: white;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.boton-rechazar[b-erbofiaghg],
.boton-confirmar-rechazo[b-erbofiaghg] {
    border-color: #a11919;
    background: #a11919;
}

.boton-autorizar:disabled[b-erbofiaghg],
.boton-rechazar:disabled[b-erbofiaghg],
.boton-confirmar-rechazo:disabled[b-erbofiaghg],
.boton-confirmar:disabled[b-erbofiaghg] {
    cursor: not-allowed;
    opacity: .45;
}

.estado-calidad[b-erbofiaghg],
.tabla-vacia[b-erbofiaghg] {
    padding: 28px;
    color: var(--color-texto-secundario);
    text-align: center;
}

.tabla-calidad-contenedor[b-erbofiaghg] {
    overflow-x: auto;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
}

.tabla-calidad[b-erbofiaghg] {
    width: 100%;
    min-width: 1025px;
    border-collapse: collapse;
    font-size: .77rem;
}

.tabla-calidad th[b-erbofiaghg],
.tabla-calidad td[b-erbofiaghg] {
    padding: 10px 8px;
    border-bottom: 1px solid var(--color-borde);
    color: var(--color-oscuro);
    text-align: left;
    vertical-align: middle;
}

.tabla-calidad th[b-erbofiaghg] {
    border-bottom-width: 2px;
    white-space: nowrap;
}

.tabla-calidad td strong[b-erbofiaghg],
.tabla-calidad td small[b-erbofiaghg] {
    display: block;
}

.tabla-calidad td small[b-erbofiaghg] {
    margin-top: 3px;
    color: var(--color-texto-secundario);
}

.celda-seleccion[b-erbofiaghg] {
    width: 48px;
    text-align: center !important;
}

.celda-visualizar-etiqueta[b-erbofiaghg] {
    width: 44px;
    text-align: center !important;
}

.celda-seleccion input[b-erbofiaghg] {
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.estado-registro[b-erbofiaghg],
.estado-autorizacion[b-erbofiaghg] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    font-weight: 850;
    white-space: nowrap;
}

.estado-creado[b-erbofiaghg] { color: #455a64; }
.estado-pendiente[b-erbofiaghg] { color: #8a5a00; }
.estado-autorizado[b-erbofiaghg],
.estado-autorizacion.autorizada[b-erbofiaghg] { color: #116530; }
.estado-rechazado[b-erbofiaghg],
.estado-autorizacion.no-autorizada[b-erbofiaghg] { color: #a11919; }

.estado-autorizacion[b-erbofiaghg] {
    flex-wrap: wrap;
}

.estado-autorizacion small[b-erbofiaghg] {
    flex-basis: 100%;
}

.celda-estado-interactiva[b-erbofiaghg] {
    position: relative;
    cursor: pointer;
}

.activador-observacion[b-erbofiaghg] {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.activador-observacion:focus-visible[b-erbofiaghg] {
    outline: 2px solid var(--color-primario);
    outline-offset: -3px;
}

.estado-con-observacion[b-erbofiaghg] {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 5px;
    align-items: center;
    pointer-events: none;
}

.icono-observacion[b-erbofiaghg] {
    display: grid;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #d9a0a0;
    border-radius: 50%;
    background: #fff4f4;
    place-items: center;
}
.motivo-rechazo[b-erbofiaghg] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 5px);
    left: 0;
    width: min(280px, 75vw);
    padding: 9px 11px;
    border: 1px solid #d9a0a0;
    border-radius: 8px;
    background: #fff;
    color: #702020;
    box-shadow: 0 8px 24px rgb(0 0 0 / 16%);
    font-weight: 600;
    pointer-events: auto;
    white-space: normal;
}

.paginacion-calidad[b-erbofiaghg] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-end;
}

.paginacion-calidad button[b-erbofiaghg],
.boton-cancelar[b-erbofiaghg] {
    min-height: 42px;
    padding: 8px 14px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-oscuro);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.paginacion-calidad button:disabled[b-erbofiaghg] {
    cursor: not-allowed;
    opacity: .45;
}

.mensaje-exito[b-erbofiaghg],
.mensaje-error[b-erbofiaghg],
.error-modal[b-erbofiaghg] {
    padding: 11px 13px;
    border-radius: 9px;
}

.mensaje-exito[b-erbofiaghg] {
    border: 1px solid var(--color-exito-borde);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.mensaje-error[b-erbofiaghg],
.error-modal[b-erbofiaghg] {
    border: 1px solid #efaaaa;
    background: #fff0f0;
    color: #a11919;
}

.modal-calidad-fondo[b-erbofiaghg] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgb(0 0 0 / 48%);
}

.modal-calidad[b-erbofiaghg] {
    display: grid;
    width: min(680px, 100%);
    max-height: calc(100vh - 36px);
    overflow: hidden;
    border-radius: 14px;
    background: var(--color-superficie);
    box-shadow: 0 20px 60px rgb(0 0 0 / 30%);
}

.modal-calidad > header[b-erbofiaghg],
.modal-calidad > footer[b-erbofiaghg] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--color-borde);
}

.modal-calidad > header span[b-erbofiaghg] {
    color: var(--color-primario);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.modal-calidad h2[b-erbofiaghg] {
    margin: 3px 0 0;
    color: var(--color-oscuro);
    font-size: 1.2rem;
}

.modal-calidad > header > button[b-erbofiaghg] {
    min-width: 42px;
    min-height: 42px;
    border: 0;
    background: transparent;
    color: var(--color-oscuro);
    font-size: 1.5rem;
    cursor: pointer;
}

.contenido-modal-calidad[b-erbofiaghg] {
    display: grid;
    gap: 11px;
    overflow-y: auto;
    padding: 16px;
}

.contenido-modal-calidad p[b-erbofiaghg],
.contenido-modal-calidad ul[b-erbofiaghg] {
    margin: 0;
}

.contenido-modal-calidad ul[b-erbofiaghg] {
    display: grid;
    gap: 7px;
    max-height: 220px;
    overflow-y: auto;
    padding-left: 24px;
}

.contenido-modal-calidad label[b-erbofiaghg] {
    color: var(--color-oscuro);
    font-weight: 850;
}

.contenido-modal-calidad input[b-erbofiaghg] {
    min-height: 46px;
}

.contenido-modal-calidad textarea[b-erbofiaghg] {
    width: 100%;
    min-height: 110px;
    padding: 10px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    color: var(--color-oscuro);
    font: inherit;
    resize: vertical;
}

.contenido-modal-calidad > small[b-erbofiaghg] {
    color: var(--color-texto-secundario);
    text-align: right;
}

.nota-auditoria[b-erbofiaghg] {
    color: var(--color-texto-secundario);
    font-size: .8rem;
}

.modal-calidad > footer[b-erbofiaghg] {
    justify-content: flex-end;
    border-top: 1px solid var(--color-borde);
    border-bottom: 0;
}

@media (max-width: 760px) {
    .cabecera-calidad[b-erbofiaghg] {
        align-items: stretch;
        flex-direction: column;
    }

    .acciones-revision[b-erbofiaghg] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .tabla-calidad[b-erbofiaghg] {
        min-width: 0;
    }

    .tabla-calidad thead[b-erbofiaghg] {
        display: none;
    }

    .tabla-calidad[b-erbofiaghg],
    .tabla-calidad tbody[b-erbofiaghg],
    .tabla-calidad tr[b-erbofiaghg],
    .tabla-calidad td[b-erbofiaghg] {
        display: block;
        width: 100%;
    }

    .tabla-calidad tr[b-erbofiaghg] {
        margin-bottom: 12px;
        padding: 8px;
        border: 1px solid var(--color-borde);
        border-radius: 10px;
    }

    .tabla-calidad td[b-erbofiaghg] {
        display: grid;
        grid-template-columns: 40% 60%;
        gap: 8px;
        padding: 8px 5px;
    }

    .tabla-calidad td[b-erbofiaghg]::before {
        content: attr(data-label);
        color: var(--color-texto-secundario);
        font-size: .72rem;
        font-weight: 850;
    }

    .tabla-calidad .tabla-vacia[b-erbofiaghg]::before {
        content: none;
    }

    .celda-seleccion[b-erbofiaghg] {
        text-align: left !important;
    }

}

@media (max-width: 480px) {
    .modal-calidad > footer[b-erbofiaghg] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .modal-calidad > footer button[b-erbofiaghg],
    .boton-autorizar[b-erbofiaghg],
    .boton-rechazar[b-erbofiaghg] {
        width: 100%;
    }

    .paginacion-calidad[b-erbofiaghg] {
        justify-content: space-between;
    }
}
tr.etiqueta-destacada > td[b-erbofiaghg] {
    background: color-mix(in srgb, var(--color-primario) 10%, transparent);
}
/* /Components/Pages/Packing/CreacionEtiqueta.razor.rz.scp.css */
.creacion-etiqueta[b-jz3yot2mwj] {
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.encabezado-formulario[b-jz3yot2mwj] {
    padding: 10px 14px;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie-suave);
}

.encabezado-formulario span[b-jz3yot2mwj] {
    color: var(--color-primario);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.encabezado-formulario p[b-jz3yot2mwj] {
    margin: 3px 0 0;
    color: var(--color-texto-secundario);
    font-size: .82rem;
}

.campos-etiqueta[b-jz3yot2mwj] {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
    gap: 8px 12px;
    padding: 12px 14px;
}

.campo-etiqueta[b-jz3yot2mwj] {
    display: grid;
    align-content: start;
    gap: 3px;
    min-width: 0;
}

.campo-etiqueta > span[b-jz3yot2mwj],
.campo-etiqueta > label[b-jz3yot2mwj] {
    color: var(--color-oscuro);
    font-size: .8rem;
    font-weight: 850;
}

.campo-etiqueta input[b-jz3yot2mwj],
.campo-etiqueta select[b-jz3yot2mwj] {
    width: 100%;
    min-height: 38px;
    padding: 6px 9px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    color: var(--color-oscuro);
    font: inherit;
    font-size: .95rem;
    font-weight: 700;
}

.campo-etiqueta input:focus[b-jz3yot2mwj],
.campo-etiqueta select:focus[b-jz3yot2mwj] {
    border-color: var(--color-accion);
    outline: 2px solid color-mix(in srgb, var(--color-accion) 22%, transparent);
    outline-offset: 1px;
}

.control-fecha-chile[b-jz3yot2mwj] {
    position: relative;
    display: block;
    color: var(--color-oscuro);
}

.campo-etiqueta .control-fecha-chile .fecha-visible[b-jz3yot2mwj] {
    padding-right: 50px;
}

.campo-etiqueta .control-fecha-chile .fecha-visible[b-jz3yot2mwj]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.icono-calendario[b-jz3yot2mwj] {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 5px;
    display: grid;
    width: 42px;
    height: 38px;
    padding: 0;
    place-items: center;
    border: 0;
    background: transparent;
    color: var(--color-oscuro);
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
}

.icono-calendario svg[b-jz3yot2mwj] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.icono-calendario:focus-visible[b-jz3yot2mwj] {
    border-radius: 7px;
    outline: 2px solid var(--color-accion);
}

.campo-calculado input:disabled[b-jz3yot2mwj] {
    border-color: #d8cfc8;
    background: #eeeae6;
    color: var(--color-oscuro);
    opacity: 1;
    cursor: not-allowed;
}

.campo-calculado small[b-jz3yot2mwj] {
    color: var(--color-texto-secundario);
    font-size: .7rem;
}

.campo-cliente small[b-jz3yot2mwj],
.campo-codigo small[b-jz3yot2mwj] {
    color: var(--color-texto-secundario);
    font-size: .7rem;
}

.opcion-codigo-supermercado[b-jz3yot2mwj] {
    display: flex;
    gap: 9px;
    align-items: center;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie-suave);
    color: var(--color-oscuro);
    font-size: .82rem;
    font-weight: 750;
    cursor: pointer;
}

.campo-etiqueta .opcion-codigo-supermercado input[b-jz3yot2mwj] {
    flex: 0 0 auto;
    width: 19px;
    min-height: 19px;
    height: 19px;
    margin: 0;
    padding: 0;
    accent-color: var(--color-accion);
}

.acciones-etiqueta[b-jz3yot2mwj] {
    display: flex;
    justify-content: flex-end;
    padding: 0 14px 12px;
}

.acciones-etiqueta button[b-jz3yot2mwj],
.boton-imprimir[b-jz3yot2mwj] {
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid var(--color-accion);
    border-radius: 9px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font: inherit;
    font-size: .86rem;
    font-weight: 850;
    cursor: pointer;
}

.acciones-etiqueta button:disabled[b-jz3yot2mwj] {
    cursor: not-allowed;
    opacity: .45;
}

.mensaje-error[b-jz3yot2mwj] {
    margin: 0 18px 18px;
    padding: 10px 12px;
    border: 1px solid var(--color-error-borde);
    border-radius: 9px;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-size: .82rem;
}

.resultado-etiqueta[b-jz3yot2mwj] {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.resultado-etiqueta > header[b-jz3yot2mwj] {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
}

.resultado-etiqueta > header span[b-jz3yot2mwj] {
    color: var(--color-primario);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.resultado-etiqueta > header p[b-jz3yot2mwj] {
    margin: 2px 0 0;
    color: var(--color-texto-secundario);
    font-size: .8rem;
}

.boton-imprimir[b-jz3yot2mwj] {
    border: 1px solid var(--color-accion);
    background: var(--color-accion);
}

.contenedor-vista-etiqueta[b-jz3yot2mwj] {
    display: grid;
    place-items: center;
    overflow: auto;
    padding: 20px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: #e9e7e4;
}

.hoja-etiqueta[b-jz3yot2mwj] {
    display: grid;
    grid-template-rows: auto 1fr auto 1fr;
    width: min(100mm, 100%);
    min-width: 320px;
    aspect-ratio: 2 / 3;
    padding: 5mm;
    border: 1.2mm solid #092632;
    background: #fff;
    color: #090909;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 8px 28px rgb(0 0 0 / 18%);
}

.cabecera-etiqueta[b-jz3yot2mwj] {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    gap: 4mm;
    align-items: start;
}

.cabecera-etiqueta img[b-jz3yot2mwj] {
    width: 100%;
    max-height: 30mm;
    object-fit: contain;
}

.fechas-etiqueta[b-jz3yot2mwj] {
    display: grid;
    gap: 3mm;
    padding-top: 3mm;
    font-size: 3.4mm;
    font-weight: 700;
    white-space: nowrap;
}

.hoja-etiqueta h2[b-jz3yot2mwj] {
    display: grid;
    align-content: center;
    justify-items: center;
    margin: 3mm 0;
    color: #793313;
    font-size: 7mm;
    font-weight: 900;
    line-height: 1.18;
    text-align: center;
}

.codigo-principal[b-jz3yot2mwj] {
    display: grid;
    align-content: center;
    gap: 2mm;
}

.codigo-principal svg[b-jz3yot2mwj] {
    width: 100%;
    height: 24mm;
    fill: #000;
    shape-rendering: crispEdges;
}

.texto-lote[b-jz3yot2mwj] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-size: 5.4mm;
    line-height: 1;
    white-space: nowrap;
}

.texto-lote > span[b-jz3yot2mwj] {
    margin-right: 2mm;
    font-size: 3.3mm;
    font-weight: 800;
}

.texto-lote strong[b-jz3yot2mwj] {
    font-weight: 900;
}

.codigo-cliente[b-jz3yot2mwj] {
    display: grid;
    min-height: 32mm;
    place-items: center;
    margin-top: 5mm;
    padding-top: 3mm;
    border-top: .7mm solid #111;
}

.codigo-cliente img[b-jz3yot2mwj] {
    width: 100%;
    max-height: 34mm;
    object-fit: contain;
}

.aviso-sin-codigo[b-jz3yot2mwj] {
    color: #777;
    font-size: 3mm;
    text-align: center;
}

.mensaje-etiqueta[b-jz3yot2mwj] {
    margin: 0 18px 18px;
    padding: 10px 12px;
    border: 1px solid var(--color-exito-borde);
    border-radius: 9px;
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
    font-size: .82rem;
}

@media (max-width: 760px) {
    .encabezado-formulario[b-jz3yot2mwj] {
        padding: 11px 12px;
    }

    .campos-etiqueta[b-jz3yot2mwj] {
        grid-template-columns: 1fr 1fr;
        gap: 11px;
        padding: 12px;
    }

    .acciones-etiqueta[b-jz3yot2mwj] {
        padding: 0 12px 12px;
    }

    .mensaje-etiqueta[b-jz3yot2mwj] {
        margin: 0 12px 12px;
    }

    .mensaje-error[b-jz3yot2mwj] {
        margin: 0 12px 12px;
    }

    .campo-pabellon[b-jz3yot2mwj] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 480px) {
    .campos-etiqueta[b-jz3yot2mwj] {
        grid-template-columns: 1fr;
    }

    .campo-pabellon[b-jz3yot2mwj] {
        grid-column: auto;
    }

    .acciones-etiqueta button[b-jz3yot2mwj] {
        width: 100%;
    }

    .resultado-etiqueta > header[b-jz3yot2mwj] {
        align-items: stretch;
        flex-direction: column;
    }

    .contenedor-vista-etiqueta[b-jz3yot2mwj] {
        justify-items: start;
        padding: 10px;
    }
}

.trabajador-etiqueta[b-jz3yot2mwj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px 18px;
    align-items: center;
    justify-content: start;
    margin: 10px 14px 0;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--color-accion) 32%, var(--color-borde));
    border-radius: 11px;
    background: color-mix(in srgb, var(--color-accion) 6%, var(--color-superficie));
}

.trabajador-icono[b-jz3yot2mwj] { font-size: 1.45rem; }
.trabajador-etiqueta > div[b-jz3yot2mwj] {
    display: flex;
    gap: 7px;
    min-width: 0;
    align-items: baseline;
}
.trabajador-etiqueta small[b-jz3yot2mwj] { color: var(--color-texto-secundario); font-size: .7rem; font-weight: 750; }
.trabajador-etiqueta strong[b-jz3yot2mwj] { color: var(--color-oscuro); font-size: .95rem; }
.codigo-trabajador[b-jz3yot2mwj] { text-align: left; }

.campo-pabellones[b-jz3yot2mwj] {
    grid-column: 1 / -1;
    min-width: 0;
    margin: 0;
    padding: 7px 9px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
}

.campo-pabellones legend[b-jz3yot2mwj] { padding: 0 5px; color: var(--color-oscuro); font-size: .8rem; font-weight: 850; }
.campo-pabellones p[b-jz3yot2mwj] { margin: 0; color: var(--color-texto-secundario); font-size: .78rem; }
.opciones-pabellones[b-jz3yot2mwj] { display: flex; flex-wrap: wrap; gap: 8px; }
.opciones-pabellones label[b-jz3yot2mwj] {
    display: flex;
    gap: 7px;
    align-items: center;
    min-height: 36px;
    padding: 5px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie-suave);
    color: var(--color-oscuro);
    font-weight: 800;
    cursor: pointer;
}
.campo-etiqueta .opciones-pabellones input[b-jz3yot2mwj] { width: 20px; height: 20px; min-height: 20px; margin: 0; padding: 0; }

.opcion-codigo-externo[b-jz3yot2mwj] {
    display: flex;
    gap: 9px;
    align-items: center;
    min-height: 38px;
    padding: 6px 9px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    color: var(--color-oscuro);
    font-size: .82rem;
    font-weight: 750;
}
.opcion-codigo-externo.configurado[b-jz3yot2mwj] { border-color: var(--color-exito-borde); background: var(--color-exito-superficie); }
.opcion-codigo-externo.no-configurado[b-jz3yot2mwj] { background: var(--color-superficie-suave); }
.campo-etiqueta .opcion-codigo-externo input[b-jz3yot2mwj] { flex: 0 0 auto; width: 20px; height: 20px; min-height: 20px; margin: 0; padding: 0; opacity: 1; }

.listado-etiquetas[b-jz3yot2mwj] {
    display: grid;
    gap: 12px;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}
.listado-etiquetas > header span[b-jz3yot2mwj] { color: var(--color-primario); font-size: .76rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.listado-etiquetas > header p[b-jz3yot2mwj] { margin: 3px 0 0; color: var(--color-texto-secundario); font-size: .8rem; }
.tabla-etiquetas-contenedor[b-jz3yot2mwj] { overflow-x: auto; }
.tabla-etiquetas[b-jz3yot2mwj] { width: 100%; min-width: 1165px; border-collapse: collapse; font-size: .78rem; }
.tabla-etiquetas th[b-jz3yot2mwj] { padding: 9px 8px; border-bottom: 2px solid var(--color-borde); color: var(--color-oscuro); text-align: left; white-space: nowrap; }
.tabla-etiquetas td[b-jz3yot2mwj] { padding: 10px 8px; border-bottom: 1px solid var(--color-borde); color: var(--color-oscuro); vertical-align: middle; }
.tabla-etiquetas td strong[b-jz3yot2mwj], .tabla-etiquetas td span[b-jz3yot2mwj], .tabla-etiquetas td small[b-jz3yot2mwj] { display: block; }
.tabla-etiquetas td small[b-jz3yot2mwj] { margin-top: 3px; color: var(--color-texto-secundario); }
.tabla-vacia[b-jz3yot2mwj] { padding: 28px !important; color: var(--color-texto-secundario) !important; text-align: center; }

.estado-etiqueta[b-jz3yot2mwj] { display: inline-flex !important; gap: 6px; align-items: center; min-width: max-content; font-weight: 850; }
.estado-etiqueta > span[b-jz3yot2mwj] { display: inline !important; font-size: 1rem; }
.estado-creado[b-jz3yot2mwj] { color: #455a64; }
.estado-pendiente[b-jz3yot2mwj] { color: #8a5a00; }
.estado-autorizado[b-jz3yot2mwj] { color: #116530; }
.estado-rechazado[b-jz3yot2mwj] { color: #9b1c1c; }

.celda-estado-interactiva[b-jz3yot2mwj] {
    position: relative;
    cursor: pointer;
}

.activador-observacion[b-jz3yot2mwj] {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.activador-observacion:focus-visible[b-jz3yot2mwj] {
    outline: 2px solid var(--color-primario);
    outline-offset: -3px;
}

.estado-con-observacion[b-jz3yot2mwj] {
    position: relative;
    z-index: 2;
    display: inline-flex;
    gap: 5px;
    align-items: center;
    pointer-events: none;
}

.icono-observacion[b-jz3yot2mwj] {
    display: grid !important;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid #e2a4a4;
    border-radius: 50%;
    background: #fff4f4;
    place-items: center;
}

.motivo-rechazo[b-jz3yot2mwj] {
    position: absolute;
    z-index: 10;
    top: calc(100% + 6px);
    left: 0;
    display: block !important;
    width: min(280px, 70vw);
    padding: 9px 11px;
    border: 1px solid #e2a4a4;
    border-radius: 8px;
    background: #fff;
    color: #721c1c;
    box-shadow: 0 6px 18px rgb(0 0 0 / 16%);
    font-size: .76rem;
    font-weight: 650;
    pointer-events: auto;
    white-space: normal;
}

.celda-eliminar-etiqueta[b-jz3yot2mwj] {
    width: 42px;
    text-align: center;
}

.celda-visualizar-etiqueta[b-jz3yot2mwj] {
    width: 44px;
    text-align: center;
}

.boton-eliminar-etiqueta[b-jz3yot2mwj] {
    display: inline-grid;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--color-error-borde);
    border-radius: 8px;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    cursor: pointer;
    place-items: center;
}

.boton-eliminar-etiqueta:disabled[b-jz3yot2mwj] {
    cursor: wait;
    opacity: .55;
}

.boton-eliminar-etiqueta svg[b-jz3yot2mwj] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fondo-eliminacion-etiqueta[b-jz3yot2mwj] {
    position: fixed;
    z-index: 1300;
    inset: 0;
    display: grid;
    padding: 18px;
    background: var(--fondo-modal);
    place-items: center;
}

.confirmacion-eliminacion-etiqueta[b-jz3yot2mwj] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    width: min(460px, 100%);
    padding: 18px;
    border: 1px solid var(--color-error-borde);
    border-radius: 14px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.icono-confirmacion-eliminacion[b-jz3yot2mwj] {
    display: grid;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-size: 1.15rem;
    font-weight: 950;
    place-items: center;
}

.confirmacion-eliminacion-etiqueta h2[b-jz3yot2mwj] {
    margin: 0 0 7px;
    color: var(--color-oscuro);
    font-size: 1.05rem;
}

.confirmacion-eliminacion-etiqueta p[b-jz3yot2mwj] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: .86rem;
    line-height: 1.5;
}

.confirmacion-eliminacion-etiqueta footer[b-jz3yot2mwj] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 5px;
}

.boton-cancelar-eliminacion[b-jz3yot2mwj],
.boton-confirmar-eliminacion[b-jz3yot2mwj] {
    min-height: 38px;
    padding: 7px 12px;
    border-radius: 8px;
    font: inherit;
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-cancelar-eliminacion[b-jz3yot2mwj] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto);
}

.boton-confirmar-eliminacion[b-jz3yot2mwj] {
    border: 1px solid var(--color-error-texto);
    background: var(--color-error-texto);
    color: var(--color-blanco);
}

.boton-cancelar-eliminacion:disabled[b-jz3yot2mwj],
.boton-confirmar-eliminacion:disabled[b-jz3yot2mwj] {
    cursor: wait;
    opacity: .6;
}

.boton-estado-impresion[b-jz3yot2mwj] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    min-height: 38px;
    padding: 7px 10px;
    border-radius: 8px;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    white-space: nowrap;
}
.impresion-disponible[b-jz3yot2mwj] { border: 1px solid var(--color-accion); background: color-mix(in srgb, var(--color-accion) 9%, white); color: var(--color-accion); }
.impresion-realizada[b-jz3yot2mwj] { border: 1px solid var(--color-primario); background: var(--color-primario); color: white; }
.impresion-deshabilitada[b-jz3yot2mwj] { border: 1px dashed #aaa; background: #eeeae6; color: #777; cursor: not-allowed; opacity: 1; }

.paginacion-etiquetas[b-jz3yot2mwj] { display: flex; gap: 12px; align-items: center; justify-content: flex-end; }
.paginacion-etiquetas button[b-jz3yot2mwj], .boton-secundario[b-jz3yot2mwj] {
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-oscuro);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}
.paginacion-etiquetas button:disabled[b-jz3yot2mwj] { cursor: not-allowed; opacity: .45; }
.paginacion-etiquetas span[b-jz3yot2mwj] { color: var(--color-texto-secundario); font-size: .78rem; font-weight: 750; }
.acciones-vista-previa[b-jz3yot2mwj] { display: flex; gap: 8px; }
.contenedor-vista-etiqueta[b-jz3yot2mwj] { display: flex; flex-wrap: wrap; gap: 18px; align-items: flex-start; justify-content: center; }
.detalle-vista-previa[b-jz3yot2mwj] { margin: 0; color: #333; font-size: 3.2mm; font-weight: 700; text-align: center; }

@media (max-width: 760px) {
    .trabajador-etiqueta[b-jz3yot2mwj] { margin: 12px 12px 0; }
    .listado-etiquetas[b-jz3yot2mwj] { padding: 12px; }
    .tabla-etiquetas[b-jz3yot2mwj] { min-width: 0; }
    .tabla-etiquetas thead[b-jz3yot2mwj] { display: none; }
    .tabla-etiquetas[b-jz3yot2mwj], .tabla-etiquetas tbody[b-jz3yot2mwj], .tabla-etiquetas tr[b-jz3yot2mwj], .tabla-etiquetas td[b-jz3yot2mwj] { display: block; width: 100%; }
    .tabla-etiquetas tr[b-jz3yot2mwj] { margin-bottom: 12px; padding: 8px; border: 1px solid var(--color-borde); border-radius: 10px; }
    .tabla-etiquetas td[b-jz3yot2mwj] { display: grid; grid-template-columns: 42% 58%; gap: 8px; padding: 7px 5px; border-bottom: 1px solid var(--color-borde); }
    .tabla-etiquetas td:last-child[b-jz3yot2mwj] { border-bottom: 0; }
    .tabla-etiquetas td[b-jz3yot2mwj]::before { content: attr(data-label); color: var(--color-texto-secundario); font-size: .72rem; font-weight: 850; }
    .tabla-etiquetas .tabla-vacia[b-jz3yot2mwj] { display: block; }
    .tabla-etiquetas .tabla-vacia[b-jz3yot2mwj]::before { content: none; }
    .boton-estado-impresion[b-jz3yot2mwj] { min-height: 44px; justify-self: start; }
}

@media (max-width: 480px) {
    .trabajador-etiqueta[b-jz3yot2mwj] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 5px 10px;
    }
    .codigo-trabajador[b-jz3yot2mwj] { grid-column: 2; text-align: left; }
    .acciones-vista-previa[b-jz3yot2mwj] { display: grid; grid-template-columns: 1fr; }
    .paginacion-etiquetas[b-jz3yot2mwj] { justify-content: space-between; }
}
/* /Components/Pages/Packing/EtiquetaLiberacion.razor.rz.scp.css */
.estado-etiqueta[b-zn1t7fj4ha],
.mensaje-error[b-zn1t7fj4ha] {
    padding: 14px 16px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie);
    color: var(--color-texto-secundario);
    font-size: .85rem;
}

.mensaje-exito[b-zn1t7fj4ha] {
    padding: 12px 14px;
    border: 1px solid var(--color-exito-borde);
    border-radius: 10px;
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
    font-size: .84rem;
}

.mensaje-error[b-zn1t7fj4ha] {
    border-color: var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.vista-etiqueta-liberacion[b-zn1t7fj4ha] {
    display: grid;
    gap: 12px;
}

.vista-etiqueta-liberacion > header[b-zn1t7fj4ha] {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
}

.vista-etiqueta-liberacion header span[b-zn1t7fj4ha] {
    color: var(--color-primario);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vista-etiqueta-liberacion header p[b-zn1t7fj4ha] {
    margin: 2px 0 0;
    color: var(--color-texto-secundario);
    font-size: .8rem;
}

.vista-etiqueta-liberacion button[b-zn1t7fj4ha] {
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid var(--color-accion);
    border-radius: 9px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font: inherit;
    font-size: .86rem;
    font-weight: 850;
    cursor: pointer;
}

.vista-etiqueta-liberacion button:disabled[b-zn1t7fj4ha] {
    cursor: not-allowed;
    opacity: .55;
}

.contenedor-etiqueta-liberacion[b-zn1t7fj4ha] {
    display: grid;
    overflow: auto;
    padding: 20px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: #e9e7e4;
    place-items: center;
}

.hoja-etiqueta-liberacion[b-zn1t7fj4ha] {
    display: grid;
    box-sizing: border-box;
    grid-template-rows: auto auto minmax(0, 1fr) auto 20mm;
    gap: 2.5mm;
    width: min(70mm, 100%);
    aspect-ratio: 7 / 10;
    padding: 4mm;
    border: 0;
    background: #fff;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 8px 28px rgb(0 0 0 / 18%);
}

.cabecera-etiqueta-liberacion[b-zn1t7fj4ha] {
    display: grid;
    gap: 1mm;
    justify-items: center;
    padding-bottom: 1.5mm;
    border-bottom: .35mm solid #000;
    text-align: center;
}

.cabecera-etiqueta-liberacion img[b-zn1t7fj4ha] {
    display: block;
    width: 44mm;
    max-width: 82%;
    height: auto;
}

.cabecera-etiqueta-liberacion p[b-zn1t7fj4ha] {
    margin: 0;
    font-size: 2.8mm;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.identificacion-etiqueta[b-zn1t7fj4ha] {
    display: grid;
    grid-template-columns: 18mm minmax(0, 1fr);
    gap: 1.5mm 4mm;
    align-items: end;
}

.identificacion-etiqueta > div[b-zn1t7fj4ha] {
    display: grid;
    gap: .6mm;
    padding: 0;
    border: 0;
}

.identificacion-etiqueta span[b-zn1t7fj4ha],
.total-cajas-etiqueta span[b-zn1t7fj4ha] {
    font-size: 2.1mm;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.numero-pallet-etiqueta strong[b-zn1t7fj4ha] {
    font-size: 5.5mm;
    font-weight: 900;
    line-height: 1;
}

.fecha-etiqueta strong[b-zn1t7fj4ha],
.trabajador-identificacion strong[b-zn1t7fj4ha] {
    align-self: end;
    font-size: 3.2mm;
    font-weight: 900;
}

.trabajador-identificacion strong[b-zn1t7fj4ha] {
    font-size: 3.2mm;
    overflow-wrap: anywhere;
}

.trabajador-identificacion[b-zn1t7fj4ha] {
    grid-column: 1 / -1;
}

.productos-etiqueta[b-zn1t7fj4ha] {
    display: grid;
    min-height: 0;
    align-content: start;
}

.encabezado-productos[b-zn1t7fj4ha],
.producto-etiqueta[b-zn1t7fj4ha] {
    display: grid;
    grid-template-columns: 18mm minmax(0, 1fr) 9mm;
    gap: 1.2mm;
    align-items: center;
}

.encabezado-productos[b-zn1t7fj4ha] {
    padding: .8mm 0;
    border-bottom: .35mm solid #000;
    background: #fff;
    color: #000;
    font-size: 2mm;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.encabezado-productos span:last-child[b-zn1t7fj4ha],
.cantidad-producto[b-zn1t7fj4ha] {
    text-align: right;
}

.listado-productos[b-zn1t7fj4ha] {
    border: 0;
}

.producto-etiqueta[b-zn1t7fj4ha] {
    min-height: 6mm;
    padding: .8mm 0;
    font-size: 2.35mm;
    line-height: 1.15;
}

.producto-etiqueta + .producto-etiqueta[b-zn1t7fj4ha] {
    border-top: .2mm solid #000;
}

.productos-adicionales[b-zn1t7fj4ha] {
    padding: .8mm 0;
    font-size: 2.1mm;
    font-weight: 800;
}

.producto-etiqueta strong[b-zn1t7fj4ha] {
    overflow-wrap: anywhere;
}

.codigo-producto[b-zn1t7fj4ha],
.cantidad-producto[b-zn1t7fj4ha] {
    font-weight: 800;
}

.total-cajas-etiqueta[b-zn1t7fj4ha] {
    display: flex;
    gap: 2mm;
    align-items: baseline;
    justify-content: space-between;
    padding: 1.5mm 0 0;
    border: 0;
    border-top: .35mm solid #000;
    background: #fff;
}

.total-cajas-etiqueta strong[b-zn1t7fj4ha] {
    font-size: 3.2mm;
    font-weight: 900;
    text-align: right;
}

.hoja-etiqueta-liberacion.contenido-denso[b-zn1t7fj4ha] {
    gap: 1.5mm;
    padding: 3mm;
}

.contenido-denso .cabecera-etiqueta-liberacion[b-zn1t7fj4ha] {
    padding-bottom: 1mm;
}

.contenido-denso .cabecera-etiqueta-liberacion p[b-zn1t7fj4ha] {
    font-size: 2.6mm;
}

.contenido-denso .producto-etiqueta[b-zn1t7fj4ha] {
    min-height: 4.5mm;
    padding: .45mm 0;
    font-size: 2mm;
}

.contenido-denso .total-cajas-etiqueta[b-zn1t7fj4ha] {
    padding-top: 1mm;
}

.codigo-barras-etiqueta[b-zn1t7fj4ha] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 1mm;
    min-height: 0;
    padding-top: 2mm;
    border-top: .35mm solid #000;
}

.codigo-barras-etiqueta > div[b-zn1t7fj4ha] {
    width: 88%;
    min-height: 10mm;
    justify-self: center;
    background: repeating-linear-gradient(
        90deg,
        #000 0,
        #000 .45mm,
        transparent .45mm,
        transparent .8mm,
        #000 .8mm,
        #000 1.55mm,
        transparent 1.55mm,
        transparent 2.2mm);
}

.codigo-barras-etiqueta strong[b-zn1t7fj4ha] {
    font-size: 2.8mm;
    letter-spacing: .08em;
    line-height: 1;
    text-align: center;
}

@media (max-width: 600px) {
    .vista-etiqueta-liberacion > header[b-zn1t7fj4ha] {
        align-items: stretch;
        flex-direction: column;
    }

    .contenedor-etiqueta-liberacion[b-zn1t7fj4ha] {
        justify-items: start;
        padding: 10px;
    }
}
/* /Components/Pages/Packing/ImportarPedidos.razor.rz.scp.css */
.importador-packing[b-bti2dh9an3] {
    display: grid;
    gap: 12px;
    max-width: 800px;
}

.panel-importacion[b-bti2dh9an3] {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.panel-importacion header h2[b-bti2dh9an3] {
    margin: 0 0 3px;
    font-size: var(--fuente-titulo-seccion);
}

.panel-importacion header p[b-bti2dh9an3] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.88rem;
}

.encabezado-importacion[b-bti2dh9an3] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    justify-content: space-between;
}

.ultima-actualizacion[b-bti2dh9an3] {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
    align-items: baseline;
    white-space: nowrap;
}

.ultima-actualizacion strong[b-bti2dh9an3] {
    color: var(--color-oscuro);
}

.archivo-seleccionado[b-bti2dh9an3] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 36px;
    gap: 10px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 10px;
}

.archivo-tipo[b-bti2dh9an3] {
    display: grid;
    width: 40px;
    height: 36px;
    place-items: center;
    border-radius: 8px;
    background: var(--color-primario-superficie);
    color: var(--color-primario);
    font-size: 0.72rem;
    font-weight: 850;
}

.archivo-datos[b-bti2dh9an3] {
    display: grid;
    min-width: 0;
}

.archivo-datos strong[b-bti2dh9an3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.archivo-datos small[b-bti2dh9an3],
.resultado-exito small[b-bti2dh9an3],
.panel-errores small[b-bti2dh9an3] {
    color: var(--color-texto-secundario);
}

.boton-quitar[b-bti2dh9an3] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--color-texto-secundario);
    font-size: 1.35rem;
    cursor: pointer;
}

.advertencia-reemplazo[b-bti2dh9an3] {
    display: grid;
    gap: 3px;
    padding: 11px 12px;
    border: 1px solid #f0c36d;
    border-radius: 10px;
    background: #fff8e8;
    color: #6b4d10;
    font-size: 0.87rem;
}

.resultado-exito[b-bti2dh9an3] {
    display: grid;
    gap: 3px;
}

.panel-errores ul[b-bti2dh9an3] {
    margin: 6px 0;
    padding-left: 20px;
}

.acciones-importacion[b-bti2dh9an3] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 520px) {
    .panel-importacion[b-bti2dh9an3] {
        gap: 10px;
        padding: 12px;
        border-radius: 12px;
    }

    .acciones-importacion .btn[b-bti2dh9an3] {
        flex: 1;
    }

    .encabezado-importacion[b-bti2dh9an3] {
        align-items: stretch;
        flex-direction: column;
        gap: 4px;
    }

    .ultima-actualizacion[b-bti2dh9an3] {
        white-space: normal;
    }
}
/* /Components/Pages/Packing/IngresoLote.razor.rz.scp.css */
.ingreso-lote[b-50bv2og0nl] {
    display: grid;
    gap: 12px;
}

.panel-lectura[b-50bv2og0nl],
.panel-resultados[b-50bv2og0nl] {
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.panel-lectura[b-50bv2og0nl] {
    width: min(100%, 720px);
    padding: 14px;
}

.panel-lectura > label[b-50bv2og0nl] {
    display: block;
    margin-bottom: 6px;
    color: var(--color-oscuro);
    font-size: .9rem;
    font-weight: 800;
}

.panel-lectura > small[b-50bv2og0nl] {
    display: block;
    margin-top: 5px;
    color: var(--color-texto-secundario);
    font-size: .76rem;
}

.control-lectura[b-50bv2og0nl] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: stretch;
}

.acciones-lectura[b-50bv2og0nl] {
    display: grid;
    grid-template-columns: repeat(2, auto);
}

.icono-codigo[b-50bv2og0nl] {
    display: grid;
    place-items: center;
    border: 1px solid var(--color-borde);
    border-right: 0;
    border-radius: 10px 0 0 10px;
    background: var(--color-superficie-suave);
    color: var(--color-primario);
}

.icono-codigo svg[b-50bv2og0nl] {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
}

.entrada-codigo[b-50bv2og0nl] {
    min-width: 0;
    min-height: 44px;
    padding: 8px 11px;
    border: 1px solid var(--color-borde);
    border-radius: 0;
    outline: 0;
    color: var(--color-texto);
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.entrada-codigo:focus[b-50bv2og0nl] {
    position: relative;
    border-color: var(--color-primario);
    box-shadow: var(--foco-control);
}

.boton-camara[b-50bv2og0nl],
.boton-buscar[b-50bv2og0nl] {
    min-width: 100px;
    padding: 8px 16px;
    font: inherit;
    font-size: .87rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-camara[b-50bv2og0nl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid var(--color-borde);
    border-left: 0;
    border-radius: 0;
    background: var(--color-superficie);
    color: var(--color-primario);
}

.boton-camara svg[b-50bv2og0nl] {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.boton-buscar[b-50bv2og0nl] {
    border: 1px solid var(--color-accion);
    border-radius: 0 10px 10px 0;
    background: var(--color-accion);
    color: var(--color-blanco);
}

.boton-camara:disabled[b-50bv2og0nl],
.boton-buscar:disabled[b-50bv2og0nl] {
    cursor: not-allowed;
    opacity: .55;
}

.estado-consulta[b-50bv2og0nl],
.seleccion-lista[b-50bv2og0nl],
.mensaje-error[b-50bv2og0nl] {
    width: min(100%, 720px);
    padding: 12px 14px;
    border-radius: 11px;
    font-size: .86rem;
}

.estado-consulta[b-50bv2og0nl] {
    display: grid;
    gap: 2px;
    border: 1px dashed var(--color-borde);
    color: var(--color-texto-secundario);
}

.estado-consulta strong[b-50bv2og0nl] {
    color: var(--color-oscuro);
}

.estado-sin-resultados[b-50bv2og0nl] {
    border-style: solid;
    border-color: var(--color-advertencia-borde);
    background: var(--color-advertencia-superficie);
}

.mensaje-error[b-50bv2og0nl] {
    border: 1px solid var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

.panel-resultados[b-50bv2og0nl] {
    overflow: hidden;
}

.cabecera-resultados[b-50bv2og0nl] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    align-items: center;
    gap: 0;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie-suave);
}

.dato-resultado[b-50bv2og0nl] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 10px 14px;
    border-right: 1px solid var(--color-borde);
}

.dato-resultado span[b-50bv2og0nl] {
    color: var(--color-texto-secundario);
    font-size: .68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.dato-resultado strong[b-50bv2og0nl] {
    overflow: hidden;
    color: var(--color-oscuro);
    font-size: .92rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nombre-producto-resultado[b-50bv2og0nl] {
    margin: 0;
    padding: 7px 14px;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto-secundario);
    font-size: .76rem;
}

.total-coincidencias[b-50bv2og0nl] {
    flex: 0 0 auto;
    margin: 0 14px;
    padding: 6px 9px;
    border-radius: 8px;
    background: var(--color-primario-superficie);
    color: var(--color-primario);
    font-size: .75rem;
}

.contenedor-tabla[b-50bv2og0nl] {
    width: 100%;
    max-height: clamp(280px, 54dvh, 620px);
    overflow: auto;
}

.tabla-pedidos[b-50bv2og0nl] {
    width: 100%;
    min-width: 860px;
    border-spacing: 0;
    border-collapse: separate;
    color: var(--color-texto);
    font-size: .8rem;
}

.tabla-pedidos th[b-50bv2og0nl],
.tabla-pedidos td[b-50bv2og0nl] {
    padding: 9px 10px;
    border-right: 1px solid var(--color-borde);
    border-bottom: 1px solid var(--color-borde);
    vertical-align: middle;
}

.tabla-pedidos th:last-child[b-50bv2og0nl],
.tabla-pedidos td:last-child[b-50bv2og0nl] {
    border-right: 0;
}

.tabla-pedidos tbody tr:last-child td[b-50bv2og0nl] {
    border-bottom: 0;
}

.tabla-pedidos thead th[b-50bv2og0nl] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--color-oscuro);
    color: var(--color-blanco);
    font-size: .72rem;
    text-align: left;
}

.tabla-pedidos tbody tr:hover td[b-50bv2og0nl],
.tabla-pedidos tbody tr.fila-seleccionada td[b-50bv2og0nl] {
    background: var(--color-primario-superficie);
}

.tabla-pedidos .fila-sin-resultados:hover td[b-50bv2og0nl],
.tabla-pedidos .fila-sin-resultados td[b-50bv2og0nl] {
    padding: 18px 14px;
    background: var(--color-superficie);
    color: var(--color-texto-secundario);
    text-align: center;
}

.celda-numero[b-50bv2og0nl] {
    width: 54px;
    color: var(--color-texto-secundario);
    text-align: center;
}

.celda-pedido[b-50bv2og0nl] {
    width: 145px;
    color: var(--color-primario);
    font-weight: 800;
}

.celda-orden-compra[b-50bv2og0nl] {
    width: 160px;
    overflow-wrap: anywhere;
}

.celda-cantidad[b-50bv2og0nl],
.celda-secuencia[b-50bv2og0nl] {
    width: 105px;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.celda-cantidad[b-50bv2og0nl] {
    white-space: nowrap;
}

.cantidad-disponible[b-50bv2og0nl] {
    color: var(--color-primario);
    font-size: .88rem;
    font-weight: 750;
}

.separador-cantidad[b-50bv2og0nl] {
    margin: 0 2px;
    color: var(--color-texto-secundario);
}

.cantidad-original[b-50bv2og0nl] {
    display: inline !important;
    color: var(--color-oscuro);
    font-size: .94rem;
    font-weight: 950;
}

.columna-seleccion[b-50bv2og0nl],
.celda-seleccion[b-50bv2og0nl] {
    width: 92px;
    text-align: center !important;
}

.check-seleccion[b-50bv2og0nl] {
    width: 21px;
    height: 21px;
    margin: 0;
    accent-color: var(--color-accion);
    cursor: pointer;
}

.seleccion-lista[b-50bv2og0nl] {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--color-exito-borde);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.seleccion-lista > span:nth-child(2)[b-50bv2og0nl] {
    flex: 1;
}

.boton-enviar-armado[b-50bv2og0nl] {
    min-height: 38px;
    padding: 7px 14px;
    border: 1px solid var(--color-exito);
    border-radius: 9px;
    background: var(--color-exito);
    color: var(--color-blanco);
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
}

.boton-enviar-armado:disabled[b-50bv2og0nl] {
    cursor: wait;
    opacity: .65;
}

.marca-seleccion[b-50bv2og0nl] {
    display: grid;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-exito);
    color: var(--color-blanco);
    font-weight: 900;
}

.fondo-camara[b-50bv2og0nl] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: var(--fondo-modal);
}

.lector-camara[b-50bv2og0nl] {
    width: min(680px, 100%);
    max-height: calc(100dvh - 32px);
    overflow: auto;
    border: 1px solid var(--color-borde);
    border-radius: 15px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.lector-camara > header[b-50bv2og0nl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 3px solid var(--color-primario);
    background: var(--color-oscuro);
    color: var(--color-blanco);
}

.lector-camara > header span[b-50bv2og0nl] {
    color: var(--color-primario-suave);
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.lector-camara > header h2[b-50bv2og0nl] {
    margin: 2px 0 0;
    color: var(--color-blanco);
    font-size: 1.05rem;
}

.boton-cerrar-camara[b-50bv2og0nl] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border: 1px solid rgba(var(--color-blanco-rgb), .25);
    border-radius: 50%;
    background: rgba(var(--color-blanco-rgb), .08);
    color: var(--color-blanco);
    font: inherit;
    font-size: 1.25rem;
    cursor: pointer;
}

.visor-camara[b-50bv2og0nl] {
    position: relative;
    min-height: 280px;
    overflow: hidden;
    background: var(--color-negro);
}

.visor-camara video[b-50bv2og0nl] {
    display: block;
    width: 100%;
    min-height: 280px;
    max-height: 58dvh;
    object-fit: cover;
}

.marco-lectura[b-50bv2og0nl] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(78%, 500px);
    height: 36%;
    border: 3px solid var(--color-primario-suave);
    border-radius: 12px;
    box-shadow: 0 0 0 999px rgba(var(--color-negro-rgb), .34);
    transform: translate(-50%, -50%);
}

.marco-lectura[b-50bv2og0nl]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    left: 7px;
    height: 2px;
    background: var(--color-primario);
    box-shadow: 0 0 8px var(--color-primario);
}

.estado-camara[b-50bv2og0nl] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(var(--color-negro-rgb), .7);
    color: var(--color-blanco);
    font-size: .9rem;
    font-weight: 800;
}

.mensaje-camara[b-50bv2og0nl],
.ayuda-camara[b-50bv2og0nl] {
    margin: 0;
    padding: 10px 14px;
    font-size: .82rem;
}

.mensaje-camara[b-50bv2og0nl] {
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
    font-weight: 700;
}

.ayuda-camara[b-50bv2og0nl] {
    color: var(--color-texto-secundario);
}

.lector-camara > footer[b-50bv2og0nl] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 14px;
    border-top: 1px solid var(--color-borde);
}

.boton-cancelar-camara[b-50bv2og0nl] {
    min-height: 38px;
    padding: 7px 14px;
    border: 1px solid var(--color-borde);
    border-radius: 9px;
    background: var(--color-superficie);
    color: var(--color-texto);
    font: inherit;
    font-size: .84rem;
    font-weight: 750;
    cursor: pointer;
}

@media (max-width: 560px) {
    .panel-lectura[b-50bv2og0nl] {
        padding: 11px;
    }

    .control-lectura[b-50bv2og0nl] {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .acciones-lectura[b-50bv2og0nl] {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 6px;
    }

    .boton-camara[b-50bv2og0nl],
    .boton-buscar[b-50bv2og0nl] {
        min-width: 0;
        min-height: 40px;
        padding: 6px 9px;
    }

    .boton-camara[b-50bv2og0nl] {
        border-left: 1px solid var(--color-borde);
        border-radius: 10px 0 0 10px;
    }

    .boton-buscar[b-50bv2og0nl] {
        border-radius: 0 10px 10px 0;
    }

    .cabecera-resultados[b-50bv2og0nl] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .dato-resultado[b-50bv2og0nl] {
        grid-template-columns: 105px minmax(0, 1fr);
        min-height: 46px;
        border-right: 0;
        border-bottom: 1px solid var(--color-borde);
    }

    .total-coincidencias[b-50bv2og0nl] {
        justify-self: start;
        margin: 9px 11px;
    }

    .seleccion-lista[b-50bv2og0nl] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .boton-enviar-armado[b-50bv2og0nl] {
        width: 100%;
    }

    .fondo-camara[b-50bv2og0nl] {
        align-items: stretch;
        padding: 0;
    }

    .lector-camara[b-50bv2og0nl] {
        width: 100%;
        max-height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .visor-camara[b-50bv2og0nl],
    .visor-camara video[b-50bv2og0nl] {
        min-height: 330px;
    }
}

@media (max-width: 380px) {
    .ingreso-lote[b-50bv2og0nl] {
        gap: 7px;
    }

    .panel-lectura[b-50bv2og0nl] {
        padding: 7px;
        border-radius: 10px;
    }

    .panel-lectura > label[b-50bv2og0nl] {
        margin-bottom: 4px;
        font-size: .8rem;
    }

    .panel-lectura > small[b-50bv2og0nl] {
        margin-top: 3px;
        font-size: .7rem;
    }

    .control-lectura[b-50bv2og0nl] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .entrada-codigo[b-50bv2og0nl] {
        min-height: 38px;
        padding: 5px 7px;
        font-size: .9rem;
    }

    .icono-codigo svg[b-50bv2og0nl] {
        width: 18px;
        height: 18px;
    }

    .acciones-lectura[b-50bv2og0nl] {
        margin-top: 4px;
    }

    .boton-camara[b-50bv2og0nl],
    .boton-buscar[b-50bv2og0nl] {
        min-height: 36px;
        font-size: .8rem;
    }

    .cabecera-resultados[b-50bv2og0nl] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .dato-resultado[b-50bv2og0nl] {
        min-width: 0;
        min-height: 40px;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 6px;
        padding: 6px 8px;
        border-bottom: 0;
    }

    .dato-resultado strong[b-50bv2og0nl] {
        font-size: .82rem;
    }

    .total-coincidencias[b-50bv2og0nl] {
        margin: 5px 7px;
        padding: 5px 7px;
        font-size: .68rem;
        white-space: nowrap;
    }

    .contenedor-tabla[b-50bv2og0nl] {
        max-height: 46dvh;
    }
}
/* /Components/Pages/Packing/ParametrosPacking.razor.rz.scp.css */
.parametros-packing[b-0nhinlpcho] {
    display: grid;
    gap: 12px;
    width: min(100%, 760px);
}

.tarjeta-parametro[b-0nhinlpcho] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding: 18px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.codigo-parametro[b-0nhinlpcho] {
    color: var(--color-primario);
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.tarjeta-parametro h2[b-0nhinlpcho] {
    margin: 3px 0 6px;
    color: var(--color-oscuro);
    font-size: 1rem;
}

.tarjeta-parametro p[b-0nhinlpcho] {
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: .8rem;
    line-height: 1.45;
}

.edicion-parametro[b-0nhinlpcho] {
    display: grid;
    gap: 6px;
    min-width: 210px;
}

.edicion-parametro label[b-0nhinlpcho] {
    color: var(--color-oscuro);
    font-size: .76rem;
    font-weight: 800;
}

.edicion-parametro > div[b-0nhinlpcho] {
    display: flex;
    align-items: center;
}

.edicion-parametro input[b-0nhinlpcho] {
    width: 100px;
    min-height: 40px;
    padding: 7px 9px;
    border: 1px solid var(--color-borde);
    border-radius: 8px 0 0 8px;
    color: var(--color-oscuro);
    font: inherit;
    font-weight: 850;
    text-align: right;
}

.edicion-parametro span[b-0nhinlpcho] {
    min-height: 40px;
    padding: 10px 9px;
    border: 1px solid var(--color-borde);
    border-left: 0;
    border-radius: 0 8px 8px 0;
    background: var(--color-superficie-suave);
    color: var(--color-texto-secundario);
    font-size: .75rem;
}

.edicion-parametro button[b-0nhinlpcho] {
    min-height: 38px;
    border: 1px solid var(--color-accion);
    border-radius: 8px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font: inherit;
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
}

.mensaje-exito[b-0nhinlpcho],
.mensaje-error[b-0nhinlpcho],
.estado-parametro[b-0nhinlpcho] {
    padding: 11px 13px;
    border-radius: 10px;
    font-size: .82rem;
}

.mensaje-exito[b-0nhinlpcho] {
    border: 1px solid var(--color-exito-borde);
    background: var(--color-exito-superficie);
    color: var(--color-exito-texto);
}

.mensaje-error[b-0nhinlpcho] {
    border: 1px solid var(--color-error-borde);
    background: var(--color-error-superficie);
    color: var(--color-error-texto);
}

@media (max-width: 620px) {
    .tarjeta-parametro[b-0nhinlpcho] {
        grid-template-columns: 1fr;
    }

    .edicion-parametro[b-0nhinlpcho] {
        min-width: 0;
    }
}
/* /Components/Pages/Packing/VistaPreviaEtiquetaHuevo.razor.rz.scp.css */
.fondo-vista-etiqueta[b-14ltkeio8c] {
    position: fixed;
    z-index: 1400;
    inset: 0;
    display: grid;
    overflow-y: auto;
    padding: 20px;
    background: var(--fondo-modal);
    place-items: start center;
}

.resultado-etiqueta[b-14ltkeio8c] {
    box-sizing: border-box;
    position: relative;
    display: grid;
    gap: 16px;
    width: min(760px, 100%);
    margin: auto;
    padding: 18px;
    border: 1px solid var(--color-borde);
    border-radius: 14px;
    background: var(--color-superficie);
}

.resultado-etiqueta > header[b-14ltkeio8c] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding-right: 42px;
}

.resultado-etiqueta > header span[b-14ltkeio8c] {
    color: var(--color-primario);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.resultado-etiqueta > header p[b-14ltkeio8c] {
    margin: 3px 0 0;
    color: var(--color-texto-secundario);
    font-size: .8rem;
}

.boton-cerrar-vista[b-14ltkeio8c] {
    position: absolute;
    top: 10px;
    right: 10px;
    display: grid;
    width: 36px;
    height: 36px;
    padding: 7px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--color-oscuro);
    cursor: pointer;
    place-items: center;
}

.boton-cerrar-vista:hover[b-14ltkeio8c] {
    background: var(--color-fondo-suave);
}

.boton-cerrar-vista:disabled[b-14ltkeio8c] {
    cursor: wait;
    opacity: .45;
}

.boton-cerrar-vista svg[b-14ltkeio8c] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2.2;
}

.panel-impresion[b-14ltkeio8c] {
    display: grid;
    grid-template-columns: minmax(150px, 190px) 1fr auto;
    gap: 8px 14px;
    align-items: end;
    padding: 12px;
    border: 1px solid var(--color-borde);
    border-radius: 10px;
    background: var(--color-fondo-suave);
}

.panel-impresion label[b-14ltkeio8c] {
    display: grid;
    gap: 5px;
    color: var(--color-oscuro);
    font-size: .8rem;
    font-weight: 850;
}

.panel-impresion input[b-14ltkeio8c] {
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid var(--color-borde);
    border-radius: 8px;
    background: var(--color-superficie);
    color: var(--color-oscuro);
    font: inherit;
    font-size: 1rem;
    font-weight: 800;
}

.panel-impresion small[b-14ltkeio8c] {
    align-self: center;
    color: var(--color-texto-secundario);
    font-size: .78rem;
}

.error-cantidad[b-14ltkeio8c] {
    color: var(--color-peligro, #a61b1b);
    font-size: .82rem;
    font-weight: 700;
}

.confirmacion-impresion-parcial[b-14ltkeio8c] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px 12px;
    padding: 14px;
    border: 1px solid #d9a514;
    border-radius: 10px;
    background: #fff8dc;
    color: #4b3900;
}

.confirmacion-impresion-parcial p[b-14ltkeio8c] {
    margin: 3px 0 0;
    font-size: .85rem;
}

.confirmacion-impresion-parcial footer[b-14ltkeio8c] {
    grid-column: 1 / -1;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.icono-confirmacion[b-14ltkeio8c] {
    display: grid;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #d9a514;
    color: #fff;
    font-weight: 900;
    place-items: center;
}

.boton-secundario[b-14ltkeio8c],
.boton-imprimir[b-14ltkeio8c] {
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 8px;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.boton-secundario[b-14ltkeio8c] {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-oscuro);
}

.boton-imprimir[b-14ltkeio8c] {
    border: 1px solid var(--color-primario);
    background: var(--color-primario);
    color: white;
}

.boton-secundario:disabled[b-14ltkeio8c],
.boton-imprimir:disabled[b-14ltkeio8c] {
    cursor: wait;
    opacity: .6;
}

.contenedor-vista-etiqueta[b-14ltkeio8c] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: flex-start;
    justify-content: center;
    overflow: auto;
}

.hoja-etiqueta[b-14ltkeio8c] {
    box-sizing: border-box;
    position: relative;
    width: min(100mm, 100%);
    min-width: 320px;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border: 1.2mm solid #092632;
    background: #fff;
    color: #090909;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 8px 28px rgb(0 0 0 / 18%);
}

.encabezado-marca-etiqueta[b-14ltkeio8c] {
    position: absolute;
    inset: 0;
}

.recorte-marca-etiqueta[b-14ltkeio8c] {
    position: absolute;
    top: 2.874%;
    left: 4.433%;
    width: 91.133%;
    height: 6.322%;
    overflow: hidden;
}

.marca-etiqueta[b-14ltkeio8c] {
    display: block;
    width: 109.375%;
    height: auto;
    margin-left: -4.6875%;
}

.linea-marca-etiqueta[b-14ltkeio8c] {
    position: absolute;
    top: 13.547%;
    left: 4.433%;
    width: 91.133%;
    height: .493mm;
    background: #111;
}

.fechas-etiqueta[b-14ltkeio8c] {
    position: absolute;
    top: 16.831%;
    left: 4.433%;
    display: grid;
    gap: .8mm;
    width: 91.133%;
    justify-items: center;
    font-size: 3.75mm;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.hoja-etiqueta h2[b-14ltkeio8c] {
    position: absolute;
    top: 30.788%;
    left: 4.433%;
    width: 91.133%;
    margin: 0;
    color: #090909;
    font-size: 9.25mm;
    font-weight: 900;
    line-height: 1.04;
    text-align: center;
}

.hoja-etiqueta h2.producto-largo[b-14ltkeio8c] {
    top: 26.273%;
    font-size: 8.125mm;
}

.codigo-principal[b-14ltkeio8c] {
    position: absolute;
    inset: 0;
}

.codigo-principal svg[b-14ltkeio8c] {
    position: absolute;
    top: 38.177%;
    left: 50%;
    height: 20.69%;
    transform: translateX(-50%);
    fill: #000;
    shape-rendering: crispEdges;
}

.texto-lote[b-14ltkeio8c] {
    position: absolute;
    top: 59.934%;
    left: 4.433%;
    display: block;
    width: 91.133%;
    font-size: 6.625mm;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.texto-lote.codigo-largo[b-14ltkeio8c] {
    font-size: 5.125mm;
}

.codigo-cliente[b-14ltkeio8c] {
    box-sizing: border-box;
    position: absolute;
    top: 66.5%;
    left: 4.433%;
    display: grid;
    width: 91.133%;
    height: 29.55%;
    place-items: center;
    padding-top: 2mm;
    border-top: .37mm solid #111;
}

.codigo-cliente img[b-14ltkeio8c] {
    width: 100%;
    max-height: 42mm;
    object-fit: contain;
}

.aviso-sin-codigo[b-14ltkeio8c] {
    color: #777;
    font-size: 3mm;
    text-align: center;
}

@media (max-width: 760px) {
    .resultado-etiqueta > header[b-14ltkeio8c] {
        align-items: stretch;
        flex-direction: column;
    }

    .contenedor-vista-etiqueta[b-14ltkeio8c] {
        justify-items: start;
        padding: 10px;
    }

    .panel-impresion[b-14ltkeio8c] {
        grid-template-columns: minmax(140px, 180px) 1fr;
    }

    .panel-impresion .boton-imprimir[b-14ltkeio8c] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 480px) {
    .panel-impresion[b-14ltkeio8c] {
        grid-template-columns: 1fr;
    }

    .panel-impresion .boton-imprimir[b-14ltkeio8c] {
        grid-column: auto;
    }

    .confirmacion-impresion-parcial footer[b-14ltkeio8c] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/TarjetaPresentacion.razor.rz.scp.css */
.pagina-tarjeta[b-p1vr24gjdi] {
    position: relative;
    display: grid;
    min-height: 100dvh;
    overflow: hidden;
    padding: clamp(20px, 4vw, 48px);
    place-items: center;
    background:
        radial-gradient(circle at 12% 18%, rgb(226 73 18 / 8%), transparent 28%),
        linear-gradient(145deg, #f9f5ef 0%, #efe7dd 100%);
    color: var(--color-oscuro);
}

.pagina-tarjeta[b-p1vr24gjdi]::before {
    position: absolute;
    inset: 0 0 auto;
    height: 6px;
    background: linear-gradient(90deg,
        var(--color-oscuro),
        var(--color-primario),
        var(--color-secundario));
    content: "";
}

.contenido-tarjeta[b-p1vr24gjdi] {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(100%, 780px);
    justify-items: center;
}

.encabezado-tarjeta[b-p1vr24gjdi] {
    display: grid;
    margin-bottom: clamp(18px, 3vh, 30px);
    justify-items: center;
}

.marca-coliumo[b-p1vr24gjdi] {
    display: block;
    width: clamp(210px, 28vw, 270px);
    height: auto;
    mix-blend-mode: multiply;
}

.encabezado-tarjeta p[b-p1vr24gjdi] {
    margin: 9px 0 0;
    color: var(--color-texto-secundario);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.soporte-tarjeta[b-p1vr24gjdi] {
    display: grid;
    width: min(100%, 720px);
    aspect-ratio: 1.586 / 1;
    padding: clamp(7px, 1.2vw, 11px);
    border: 1px solid rgb(62 30 22 / 16%);
    border-radius: clamp(12px, 2vw, 18px);
    place-items: center;
    background: #fff;
    box-shadow:
        0 24px 60px rgb(62 30 22 / 18%),
        0 4px 12px rgb(62 30 22 / 9%);
}

.tarjeta-presentacion[b-p1vr24gjdi] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: clamp(7px, 1.2vw, 11px);
}

.tarjeta-no-encontrada[b-p1vr24gjdi] {
    width: min(100%, 440px);
    padding: 28px;
    border-top: 4px solid var(--color-primario);
    border-radius: 12px;
    background: #fff;
    text-align: center;
    box-shadow: 0 18px 42px rgb(62 30 22 / 12%);
}

.tarjeta-no-encontrada h1[b-p1vr24gjdi] {
    margin: 0 0 8px;
    font-size: clamp(1.35rem, 4vw, 1.75rem);
}

.tarjeta-no-encontrada p[b-p1vr24gjdi] {
    margin: 0;
    color: var(--color-texto-secundario);
}

.contenido-tarjeta footer[b-p1vr24gjdi] {
    margin-top: clamp(18px, 3vh, 28px);
    color: var(--color-texto-secundario);
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.adorno[b-p1vr24gjdi] {
    position: absolute;
    border: 1px solid rgb(226 73 18 / 12%);
    border-radius: 50%;
    pointer-events: none;
}

.adorno-superior[b-p1vr24gjdi] {
    top: -120px;
    right: -100px;
    width: 320px;
    height: 320px;
}

.adorno-inferior[b-p1vr24gjdi] {
    bottom: -190px;
    left: -130px;
    width: 420px;
    height: 420px;
    border-color: rgb(62 30 22 / 9%);
}

@media (max-height: 700px) and (min-width: 700px) {
    .pagina-tarjeta[b-p1vr24gjdi] {
        padding-block: 18px;
    }

    .marca-coliumo[b-p1vr24gjdi] {
        width: 190px;
    }

    .encabezado-tarjeta[b-p1vr24gjdi] {
        margin-bottom: 12px;
    }

    .soporte-tarjeta[b-p1vr24gjdi] {
        width: min(100%, 570px);
    }

    .contenido-tarjeta footer[b-p1vr24gjdi] {
        margin-top: 12px;
    }
}

@media (max-width: 520px) {
    .pagina-tarjeta[b-p1vr24gjdi] {
        padding-inline: 14px;
    }

    .marca-coliumo[b-p1vr24gjdi] {
        width: 200px;
    }

    .encabezado-tarjeta p[b-p1vr24gjdi] {
        font-size: 0.62rem;
        letter-spacing: 0.14em;
    }

    .soporte-tarjeta[b-p1vr24gjdi] {
        padding: 5px;
        border-radius: 10px;
    }

    .tarjeta-presentacion[b-p1vr24gjdi] {
        border-radius: 6px;
    }
}
/* /Components/Shared/BarraSuperior.razor.rz.scp.css */
.barra-superior[b-3fkqsmuzka] {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie);
    box-shadow: var(--sombra-suave);
}

.barra-contenido[b-3fkqsmuzka] {
    display: flex;
    min-height: 46px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 3px 32px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

/* =========================
   MENÚ PRINCIPAL
   ========================= */

.menu-principal[b-3fkqsmuzka] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 7px;
}

.menu-principal[b-3fkqsmuzka]::-webkit-scrollbar {
    height: 4px;
}

.menu-principal[b-3fkqsmuzka]::-webkit-scrollbar-thumb {
    border-radius: var(--radio-circular);
    background: var(--color-borde-fuerte);
}

/*
   ::deep permite aplicar estilos a los enlaces
   generados internamente por NavLink.
*/
.menu-principal[b-3fkqsmuzka]  .enlace-menu {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 9px;
    color: var(--color-texto);
    font-size: 0.88rem;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color 160ms ease,
        background-color 160ms ease;
}

.menu-principal[b-3fkqsmuzka]  .enlace-menu:hover {
    background: var(--color-superficie-secundaria);
    color: var(--color-primario);
}

.menu-principal[b-3fkqsmuzka]  .enlace-menu.active {
    background: rgba(var(--color-primario-rgb), 0.12);
    color: var(--color-primario);
}

.icono-enlace[b-3fkqsmuzka] {
    display: grid;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    place-items: center;
    color: currentColor;
}

.icono-enlace > svg[b-3fkqsmuzka],
.icono-enlace[b-3fkqsmuzka]  svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* =========================
   USUARIO
   ========================= */

.acciones-usuario[b-3fkqsmuzka] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.menu-usuario[b-3fkqsmuzka] {
    position: relative;
    flex: 0 0 auto;
}

.menu-usuario summary[b-3fkqsmuzka] {
    list-style: none;
}

.menu-usuario summary[b-3fkqsmuzka]::-webkit-details-marker {
    display: none;
}

.usuario-boton[b-3fkqsmuzka] {
    display: flex;
    min-width: 145px;
    padding: 3px 8px;
    border: 1px solid var(--color-borde);
    border-radius: 11px;
    align-items: center;
    gap: 9px;
    background: var(--color-superficie);
    cursor: pointer;
    transition:
        border-color 160ms ease,
        background-color 160ms ease,
        box-shadow 160ms ease;
}

.enlace-inicio-sesion[b-3fkqsmuzka] {
    color: inherit;
    text-decoration: none;
}

.usuario-boton:hover[b-3fkqsmuzka] {
    border-color: rgba(var(--color-primario-rgb), 0.55);
    background: rgba(var(--color-primario-rgb), 0.04);
    box-shadow: var(--sombra-suave);
}

.menu-usuario[open] .usuario-boton[b-3fkqsmuzka] {
    border-color: var(--color-primario);
    background: rgba(var(--color-primario-rgb), 0.07);
}

.usuario-avatar[b-3fkqsmuzka] {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border-radius: 50%;
    background: var(--color-accion);
    color: var(--color-blanco);
    font-size: 0.88rem;
    font-weight: 800;
}

.usuario-datos[b-3fkqsmuzka] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.usuario-datos strong[b-3fkqsmuzka] {
    overflow: hidden;
    color: var(--color-oscuro);
    font-size: 0.85rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usuario-datos small[b-3fkqsmuzka] {
    margin-top: 2px;
    color: var(--color-texto-secundario);
    font-size: 0.69rem;
}

.flecha-menu[b-3fkqsmuzka] {
    color: var(--color-texto-secundario);
    transition: transform 160ms ease;
}

.menu-usuario[open] .flecha-menu[b-3fkqsmuzka] {
    transform: rotate(180deg);
}

/* =========================
   VENTANA DESPLEGABLE
   ========================= */

.usuario-desplegable[b-3fkqsmuzka] {
    position: absolute;
    top: calc(100% + 9px);
    right: 0;
    width: 235px;
    overflow: hidden;
    padding: 8px;
    border: 1px solid var(--color-borde);
    border-radius: 13px;
    background: var(--color-superficie);
    box-shadow: var(--sombra-elevada);
}

.usuario-resumen[b-3fkqsmuzka] {
    display: flex;
    padding: 10px 11px 12px;
    border-bottom: 1px solid var(--color-borde);
    flex-direction: column;
}

.usuario-resumen strong[b-3fkqsmuzka] {
    color: var(--color-oscuro);
    font-size: 0.92rem;
}

.usuario-resumen span[b-3fkqsmuzka] {
    margin-top: 3px;
    color: var(--color-texto-secundario);
    font-size: 0.75rem;
}

.usuario-desplegable a[b-3fkqsmuzka],
.usuario-desplegable button[b-3fkqsmuzka] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    padding: 10px 11px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--color-texto);
    font-family: inherit;
    font-size: 0.88rem;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.usuario-desplegable a:hover[b-3fkqsmuzka],
.usuario-desplegable button:hover[b-3fkqsmuzka] {
    background: var(--color-superficie-secundaria);
    color: var(--color-primario);
}

.usuario-desplegable form[b-3fkqsmuzka] {
    margin: 0;
}

.icono-opcion[b-3fkqsmuzka] {
    display: grid;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    place-items: center;
}

.icono-opcion svg[b-3fkqsmuzka] {
    display: block;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.opcion-salir[b-3fkqsmuzka] {
    color: var(--color-error) !important;
}

.opcion-deshabilitada[b-3fkqsmuzka] {
    color: var(--color-texto-secundario) !important;
    cursor: not-allowed !important;
    opacity: 0.55;
}

.opcion-deshabilitada:hover[b-3fkqsmuzka] {
    background: transparent !important;
}

/* =========================
   DISEÑO RESPONSIVO
   ========================= */

@media (max-width: 800px) {
    .barra-contenido[b-3fkqsmuzka] {
        min-height: 44px;
        padding: 3px 10px;
        gap: 10px;
    }

    .menu-principal[b-3fkqsmuzka] {
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }

    .usuario-boton[b-3fkqsmuzka] {
        min-width: 0;
    }

    .usuario-datos[b-3fkqsmuzka] {
        display: flex;
        max-width: 90px;
    }

    .usuario-datos small[b-3fkqsmuzka] {
        display: none;
    }
}

@media (max-width: 520px) {
    .menu-principal[b-3fkqsmuzka]  .enlace-menu {
        min-height: 40px;
        padding: 7px 8px;
    }

    .menu-principal[b-3fkqsmuzka]  .enlace-menu > span:last-child {
        display: none;
    }

    .usuario-desplegable[b-3fkqsmuzka] {
        position: fixed;
        top: 70px;
        right: 12px;
    }

    .usuario-boton[b-3fkqsmuzka] {
        min-height: 40px;
        gap: 6px;
        padding-inline: 6px;
    }

    .usuario-datos[b-3fkqsmuzka] {
        max-width: 72px;
    }
}

@media (max-width: 390px) {
    .barra-contenido[b-3fkqsmuzka] {
        min-height: 34px;
        padding: 1px 5px;
        gap: 4px;
    }

    .menu-principal[b-3fkqsmuzka]  .enlace-menu,
    .usuario-boton[b-3fkqsmuzka] {
        min-height: 32px;
        padding: 3px 5px;
    }

    .icono-enlace[b-3fkqsmuzka],
    .icono-enlace > svg[b-3fkqsmuzka],
    .icono-enlace[b-3fkqsmuzka]  svg {
        width: 16px;
        height: 16px;
    }

    .acciones-usuario[b-3fkqsmuzka] {
        gap: 4px;
    }

    .usuario-avatar[b-3fkqsmuzka] {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
        font-size: .7rem;
    }

    .usuario-datos[b-3fkqsmuzka] {
        display: none;
    }

    .usuario-desplegable[b-3fkqsmuzka] {
        top: 42px;
        right: 6px;
        width: min(225px, calc(100vw - 12px));
    }
}
/* /Components/Shared/CampanaNotificaciones.razor.rz.scp.css */
.campana[b-rlv52mdhw9] { position: relative; flex: 0 0 auto; }
.campana summary[b-rlv52mdhw9] { list-style: none; }
.campana summary[b-rlv52mdhw9]::-webkit-details-marker { display: none; }
.campana-boton[b-rlv52mdhw9] { position: relative; display: grid; width: 38px; height: 38px; border: 1px solid var(--color-borde); border-radius: 11px; place-items: center; background: var(--color-superficie); color: var(--color-texto); cursor: pointer; }
.campana-boton:hover[b-rlv52mdhw9], .campana[open] .campana-boton[b-rlv52mdhw9] { border-color: var(--color-primario); color: var(--color-primario); background: rgba(var(--color-primario-rgb), .06); }
.campana-boton svg[b-rlv52mdhw9] { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.campana-contador[b-rlv52mdhw9] { position: absolute; top: -6px; right: -7px; display: grid; min-width: 19px; height: 19px; padding: 0 5px; border: 2px solid var(--color-superficie); border-radius: 10px; place-items: center; background: var(--color-error); color: white; font-size: .65rem; font-weight: 800; }
.campana-panel[b-rlv52mdhw9] { position: absolute; top: calc(100% + 9px); right: 0; width: min(390px, calc(100vw - 24px)); overflow: hidden; border: 1px solid var(--color-borde); border-radius: 14px; background: var(--color-superficie); box-shadow: var(--sombra-elevada); }
.campana-panel header[b-rlv52mdhw9] { display: flex; padding: 14px 15px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--color-borde); }
.campana-panel header div[b-rlv52mdhw9] { display: flex; flex-direction: column; }
.campana-panel header strong[b-rlv52mdhw9] { color: var(--color-oscuro); }
.campana-panel header small[b-rlv52mdhw9] { color: var(--color-texto-secundario); font-size: .72rem; }
.campana-panel header button[b-rlv52mdhw9] { border: 0; background: transparent; color: var(--color-primario); font-size: .75rem; cursor: pointer; }
.campana-lista[b-rlv52mdhw9] { max-height: 430px; overflow-y: auto; }
.campana-item[b-rlv52mdhw9] { display: grid; width: 100%; grid-template-columns: 8px 1fr; gap: 9px; padding: 12px 14px; border: 0; border-bottom: 1px solid var(--color-borde); background: transparent; text-align: left; cursor: pointer; }
.campana-item:hover[b-rlv52mdhw9] { background: var(--color-superficie-secundaria); }
.campana-item.no-leida[b-rlv52mdhw9] { background: rgba(var(--color-primario-rgb), .055); }
.campana-indicador[b-rlv52mdhw9] { width: 7px; height: 7px; margin-top: 6px; border-radius: 50%; background: transparent; }
.no-leida .campana-indicador[b-rlv52mdhw9] { background: var(--color-primario); }
.campana-texto[b-rlv52mdhw9] { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.campana-texto strong[b-rlv52mdhw9] { color: var(--color-oscuro); font-size: .83rem; }
.campana-texto > span[b-rlv52mdhw9] { color: var(--color-texto); font-size: .76rem; line-height: 1.35; }
.campana-texto small[b-rlv52mdhw9] { display: flex; align-items: center; gap: 8px; color: var(--color-texto-secundario); font-size: .68rem; }
.campana-texto em[b-rlv52mdhw9] { padding: 2px 6px; border-radius: 8px; background: rgba(196, 121, 19, .14); color: #8a5208; font-style: normal; font-weight: 700; }
.campana-texto em.resuelta[b-rlv52mdhw9] { background: rgba(30, 130, 76, .12); color: #176b3e; }
.campana-vacia[b-rlv52mdhw9] { margin: 0; padding: 28px 18px; color: var(--color-texto-secundario); text-align: center; font-size: .82rem; }
.campana-ver-todas[b-rlv52mdhw9] { display: block; padding: 11px 14px; color: var(--color-primario); font-size: .8rem; font-weight: 700; text-align: center; text-decoration: none; }
.campana-ver-todas:hover[b-rlv52mdhw9] { background: var(--color-superficie-secundaria); }
@media (max-width: 520px) { .campana-panel[b-rlv52mdhw9] { position: fixed; top: 58px; right: 12px; } }

@media (max-width: 390px) {
    .campana-boton[b-rlv52mdhw9] { width: 32px; height: 32px; border-radius: 9px; }
    .campana-boton svg[b-rlv52mdhw9] { width: 17px; height: 17px; }
    .campana-contador[b-rlv52mdhw9] { top: -5px; right: -5px; min-width: 17px; height: 17px; padding: 0 4px; font-size: .58rem; }
    .campana-panel[b-rlv52mdhw9] { top: 42px; right: 6px; width: calc(100vw - 12px); }
}
/* /Components/Shared/EncabezadoSistema.razor.rz.scp.css */
.encabezado-sistema[b-ndytyxwth0] {
    position: relative;
    overflow: hidden;
    border-bottom: 3px solid var(--color-primario);
    background: var(--color-oscuro);
    color: var(--color-blanco);
}

.encabezado-sistema[b-ndytyxwth0]::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -170px;
    width: 260px;
    height: 260px;
    border: 34px solid rgba(var(--color-primario-rgb), 0.1);
    border-radius: 50%;
}

.encabezado-sistema-contenido[b-ndytyxwth0] {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    max-width: 1280px;
    min-height: 80px;
    margin: 0 auto;
    padding: 7px 32px;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.encabezado-sistema-texto[b-ndytyxwth0] {
    min-width: 0;
    flex: 0 1 auto;
}

.encabezado-sistema-texto > span[b-ndytyxwth0] {
    display: block;
    margin-bottom: 3px;
    color: var(--color-primario-suave);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}

.titulo-sistema[b-ndytyxwth0] {
    margin: 0;
    color: var(--color-blanco);
    font-size: clamp(1.5rem, 2.5vw, 2.05rem);
    font-weight: 750;
    line-height: 1.08;
}

.encabezado-sistema p[b-ndytyxwth0] {
    margin: 3px 0 0;
    color: rgba(var(--color-blanco-rgb), 0.8);
    font-size: 0.8rem;
    line-height: 1.35;
}

@media (max-width: 1000px) {
    .encabezado-sistema-contenido[b-ndytyxwth0] {
        justify-content: flex-start;
        column-gap: 0;
        padding-inline: 20px;
    }

    .encabezado-sistema-texto[b-ndytyxwth0] {
        flex: 1 1 auto;
    }

    .titulo-sistema[b-ndytyxwth0] {
        font-size: clamp(1.3rem, 3.2vw, 1.75rem);
    }
}

@media (max-width: 700px) {
    .encabezado-sistema-contenido[b-ndytyxwth0] {
        min-height: 58px;
        padding: 5px 10px;
        justify-content: flex-start;
        gap: 0;
    }

    .titulo-sistema[b-ndytyxwth0] {
        font-size: clamp(1.18rem, 5.6vw, 1.55rem);
    }

    .encabezado-sistema p[b-ndytyxwth0] {
        display: none;
    }

    .encabezado-sistema-texto > span[b-ndytyxwth0] {
        font-size: 0.56rem;
    }
}

@media (max-width: 390px) {
    .encabezado-sistema-contenido[b-ndytyxwth0] {
        min-height: 50px;
        padding: 4px 7px;
    }

    .titulo-sistema[b-ndytyxwth0] {
        font-size: 1rem;
        line-height: 1.02;
    }

    .encabezado-sistema-texto > span[b-ndytyxwth0] {
        margin-bottom: 1px;
        font-size: .5rem;
        letter-spacing: .12em;
    }
}
/* /Components/Shared/FormularioModulo.razor.rz.scp.css */
.formulario-modulo[b-7juztf6kb8] {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-tarjeta);
    background: var(--color-superficie);
    box-shadow: var(--sombra-tarjeta);
}

/* =========================
   CABECERA DEL FORMULARIO
   ========================= */

.formulario-cabecera[b-7juztf6kb8] {
    padding: 10px 16px;
    border-bottom: 3px solid var(--color-primario);
    background: var(--color-oscuro);
    color: var(--color-blanco);
}

.formulario-etiqueta[b-7juztf6kb8] {
    display: block;
    margin-bottom: 2px;
    color: var(--color-primario-suave);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.formulario-cabecera h2[b-7juztf6kb8] {
    margin: 0;
    color: var(--color-blanco);
    font-size: var(--fuente-titulo-seccion);
    font-weight: 750;
    line-height: 1.2;
}

.formulario-cabecera p[b-7juztf6kb8] {
    max-width: 760px;
    margin: 3px 0 0;
    color: rgba(var(--color-blanco-rgb), 0.76);
    font-size: 0.83rem;
    line-height: 1.35;
}

.formulario-cuerpo[b-7juztf6kb8] {
    padding: 11px 13px;
}

/* =========================
   DISTRIBUCIÓN DE CAMPOS
   ========================= */

.formulario-cuerpo[b-7juztf6kb8]  .fila-formulario {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
    margin-bottom: 8px;
}

.formulario-cuerpo[b-7juztf6kb8]  .grupo-campo {
    min-width: 0;
}

.formulario-cuerpo[b-7juztf6kb8]  .campo-completo {
    grid-column: 1 / -1;
}

/* =========================
   NUMERACIÓN Y ETIQUETAS
   ========================= */

.formulario-cuerpo[b-7juztf6kb8]  .cabecera-campo {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 4px;
}

.formulario-cuerpo[b-7juztf6kb8]  .numero-campo {
    display: inline-grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    border-radius: 6px;
    background: var(--color-accion);
    color: var(--color-blanco);
    font-size: 0.7rem;
    font-weight: 800;
}

.formulario-cuerpo[b-7juztf6kb8]  .etiqueta-campo {
    color: var(--color-texto);
    font-size: 0.91rem;
    font-weight: 700;
}

.formulario-cuerpo[b-7juztf6kb8]  .campo-obligatorio {
    color: var(--color-error);
}

.formulario-cuerpo[b-7juztf6kb8]  .ayuda-campo {
    display: block;
    margin-top: 3px;
    color: var(--color-texto-secundario);
    font-size: 0.77rem;
    line-height: 1.4;
}

/* =========================
   INPUTS, SELECT Y TEXTAREA
   ========================= */

.formulario-cuerpo[b-7juztf6kb8]  .control-formulario {
    display: block;
    width: 100%;
    min-height: 38px;
    padding: 7px 9px;
    border: 1px solid var(--color-borde);
    border-radius: 10px;
    outline: none;
    background: var(--color-superficie);
    color: var(--color-texto);
    font-family: inherit;
    font-size: 0.93rem;
    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        background-color 160ms ease;
}

.formulario-cuerpo[b-7juztf6kb8]  .control-formulario:focus {
    border-color: var(--color-primario);
    box-shadow: var(--foco-control);
}

.formulario-cuerpo[b-7juztf6kb8]  textarea.control-formulario {
    min-height: 76px;
    resize: vertical;
}

.formulario-cuerpo[b-7juztf6kb8]  .control-formulario:disabled,
.formulario-cuerpo[b-7juztf6kb8]  .control-formulario[readonly] {
    background: var(--color-superficie-secundaria);
    color: var(--color-texto-secundario);
    cursor: not-allowed;
}

/* =========================
   SECCIONES INTERNAS
   ========================= */

.formulario-cuerpo[b-7juztf6kb8]  .seccion-formulario {
    margin-bottom: 8px;
    padding: 10px 12px;
    border: 1px solid var(--color-borde);
    border-radius: 12px;
    background: var(--color-superficie-suave);
}

.formulario-cuerpo[b-7juztf6kb8]  .titulo-seccion-formulario {
    margin: 0 0 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--color-borde);
    color: var(--color-oscuro);
    font-size: 1rem;
    font-weight: 750;
}

/* =========================
   VALIDACIONES Y MENSAJES
   ========================= */

.formulario-cuerpo[b-7juztf6kb8]  .validation-message {
    display: block;
    margin-top: 4px;
    color: var(--color-error);
    font-size: 0.8rem;
    font-weight: 600;
}

.formulario-cuerpo[b-7juztf6kb8]  .mensaje-exito,
.formulario-cuerpo[b-7juztf6kb8]  .mensaje-error,
.formulario-cuerpo[b-7juztf6kb8]  .mensaje-advertencia {
    margin-bottom: 14px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 0.9rem;
    line-height: 1.45;
}

.formulario-cuerpo[b-7juztf6kb8]  .mensaje-exito {
    border: 1px solid rgba(var(--color-exito-rgb), 0.28);
    background: rgba(var(--color-exito-rgb), 0.09);
    color: var(--color-exito);
}

.formulario-cuerpo[b-7juztf6kb8]  .mensaje-error {
    border: 1px solid rgba(var(--color-error-rgb), 0.28);
    background: rgba(var(--color-error-rgb), 0.08);
    color: var(--color-error);
}

.formulario-cuerpo[b-7juztf6kb8]  .mensaje-advertencia {
    border: 1px solid rgba(var(--color-advertencia-rgb), 0.3);
    background: rgba(var(--color-advertencia-rgb), 0.1);
    color: var(--color-advertencia-texto);
}

/* =========================
   BARRA DESLIZABLE
   ========================= */

.formulario-cuerpo[b-7juztf6kb8]  .control-rango {
    width: 100%;
    margin: 8px 0;
    accent-color: var(--color-criticidad, var(--color-primario));
    cursor: pointer;
}

.formulario-cuerpo[b-7juztf6kb8]  .valor-rango {
    display: inline-flex;
    min-width: 42px;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--color-criticidad, var(--color-primario));
    color: var(--color-blanco);
    font-size: 1rem;
    font-weight: 800;
}

/* =========================
   BOTONES
   ========================= */
.formulario-cuerpo[b-7juztf6kb8]  .acciones-formulario {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--color-borde);
}

.formulario-cuerpo[b-7juztf6kb8]  .boton-primario,
.formulario-cuerpo[b-7juztf6kb8]  .boton-secundario,
.formulario-cuerpo[b-7juztf6kb8]  .boton-peligro {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 10px;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease;
}

.formulario-cuerpo[b-7juztf6kb8]  .boton-primario {
    border: 1px solid var(--color-accion);
    background: var(--color-accion);
    color: var(--color-blanco);
}

.formulario-cuerpo[b-7juztf6kb8]  .boton-primario:hover {
    border-color: var(--color-primario-hover);
    background: var(--color-accion-hover);
}

.formulario-cuerpo[b-7juztf6kb8]  .boton-secundario {
    border: 1px solid var(--color-borde);
    background: var(--color-superficie);
    color: var(--color-texto);
}

.formulario-cuerpo[b-7juztf6kb8]  .boton-secundario:hover {
    border-color: var(--color-primario);
    color: var(--color-primario);
}

.formulario-cuerpo[b-7juztf6kb8]  .boton-peligro {
    border: 1px solid var(--color-error);
    background: var(--color-error);
    color: var(--color-blanco);
}

.formulario-cuerpo[b-7juztf6kb8]  button:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

/* =========================
   DISEÑO RESPONSIVO
   ========================= */

@media (max-width: 700px) {
    .formulario-cabecera[b-7juztf6kb8] {
        padding: 8px 10px;
    }

    .formulario-cuerpo[b-7juztf6kb8] {
        padding: 8px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .fila-formulario {
        grid-template-columns: 1fr;
        gap: 6px;
        margin-bottom: 6px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .campo-completo {
        grid-column: auto;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .control-formulario {
        min-height: 44px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  textarea.control-formulario {
        min-height: 70px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .seccion-formulario {
        margin-bottom: 6px;
        padding: 8px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .titulo-seccion-formulario {
        margin-bottom: 6px;
        padding-bottom: 4px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .acciones-formulario {
        flex-wrap: wrap-reverse;
        gap: 6px;
        margin-top: 8px;
        padding-top: 6px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .boton-primario,
    .formulario-cuerpo[b-7juztf6kb8]  .boton-secundario,
    .formulario-cuerpo[b-7juztf6kb8]  .boton-peligro {
        min-width: min(150px, 100%);
        flex: 1 1 150px;
        min-height: 44px;
    }
}

@media (max-width: 420px) {
    .formulario-modulo[b-7juztf6kb8] {
        border-radius: var(--radio-tarjeta);
    }

    .formulario-cabecera[b-7juztf6kb8] {
        padding: 6px 8px;
        border-bottom-width: 2px;
    }

    .formulario-etiqueta[b-7juztf6kb8],
    .formulario-cabecera p[b-7juztf6kb8] {
        display: none;
    }

    .formulario-cabecera h2[b-7juztf6kb8] {
        font-size: var(--fuente-titulo-seccion);
        line-height: 1.1;
    }

    .formulario-cuerpo[b-7juztf6kb8] {
        padding: 6px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .fila-formulario {
        gap: 5px;
        margin-bottom: 5px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .cabecera-campo {
        gap: 5px;
        margin-bottom: 3px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .numero-campo {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
        font-size: .66rem;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .etiqueta-campo {
        font-size: .86rem;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .ayuda-campo {
        margin-top: 2px;
        font-size: .72rem;
        line-height: 1.25;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .control-formulario {
        min-height: 40px;
        padding: 6px 8px;
        border-radius: 8px;
        font-size: .9rem;
    }

    .formulario-cuerpo[b-7juztf6kb8]  textarea.control-formulario {
        min-height: 62px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .seccion-formulario {
        margin-bottom: 5px;
        padding: 6px;
        border-radius: 9px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .acciones-formulario {
        gap: 5px;
        margin-top: 6px;
        padding-top: 5px;
    }

    .formulario-cuerpo[b-7juztf6kb8]  .boton-primario,
    .formulario-cuerpo[b-7juztf6kb8]  .boton-secundario,
    .formulario-cuerpo[b-7juztf6kb8]  .boton-peligro {
        min-height: 40px;
        padding: 6px 10px;
        font-size: .86rem;
    }
}
/* /Components/Shared/LogoSistema.razor.rz.scp.css */
.logo-sistema[b-0osjzp353d] {
    display: block;
    max-width: 100%;
    height: auto;
    flex: 0 0 auto;
}

.inicio[b-0osjzp353d] {
    width: 150px;
}

.modulo[b-0osjzp353d] {
    width: 140px;
}

.pagina[b-0osjzp353d] {
    width: 132px;
}

.encabezado[b-0osjzp353d] {
    width: 142px;
    margin-right: 15px;
}

@media (max-width: 1000px) {
    .encabezado[b-0osjzp353d] {
        width: 118px;
        margin-right: 18px;
    }
}

@media (max-width: 700px) {
    .inicio[b-0osjzp353d],
    .modulo[b-0osjzp353d],
    .pagina[b-0osjzp353d] {
        width: 76px;
    }

    .encabezado[b-0osjzp353d] {
        width: 76px;
        margin-right: 12px;
    }
}

@media (max-width: 390px) {
    .inicio[b-0osjzp353d],
    .modulo[b-0osjzp353d],
    .pagina[b-0osjzp353d],
    .encabezado[b-0osjzp353d] {
        width: 58px;
    }

    .encabezado[b-0osjzp353d] {
        margin-right: 8px;
    }
}
/* /Components/Shared/MenuModulo.razor.rz.scp.css */
.seccion-opciones[b-ji43fz0n7h] {
    width: 100%;
}

.encabezado-opciones[b-ji43fz0n7h] {
    margin-bottom: 10px;
}

.encabezado-opciones h2[b-ji43fz0n7h] {
    margin: 0;
    color: var(--color-oscuro);
    font-size: var(--fuente-titulo-seccion);
    font-weight: 750;
    line-height: 1.2;
}

.grilla-opciones[b-ji43fz0n7h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 400px));
    gap: 10px;
}

.grilla-opciones-unica[b-ji43fz0n7h] {
    grid-template-columns: minmax(290px, 400px);
}

.grilla-opciones-tres[b-ji43fz0n7h] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tarjeta-opcion[b-ji43fz0n7h] {
    position: relative;
    display: flex;
    min-height: 126px;
    gap: 12px;
    overflow: hidden;
    padding: 13px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-tarjeta);
    background: var(--color-superficie);
    box-shadow: var(--sombra-tarjeta);
    color: inherit;
    text-decoration: none;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.tarjeta-opcion[b-ji43fz0n7h]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--color-primario);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 180ms ease;
}

.tarjeta-opcion:hover[b-ji43fz0n7h] {
    transform: translateY(-4px);
    border-color: rgba(var(--color-primario-rgb), 0.45);
    box-shadow: 0 17px 38px rgba(var(--color-oscuro-rgb), 0.14);
}

.tarjeta-opcion:hover[b-ji43fz0n7h]::before {
    transform: scaleY(1);
}

.icono-opcion[b-ji43fz0n7h] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border: 1px solid rgba(var(--color-primario-rgb), 0.18);
    border-radius: 15px;
    background: rgba(var(--color-primario-rgb), 0.09);
    color: var(--color-primario);
}

.icono-opcion[b-ji43fz0n7h]  svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.datos-opcion[b-ji43fz0n7h] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.datos-opcion h3[b-ji43fz0n7h] {
    margin: 0 0 4px;
    color: var(--color-primario);
    font-size: var(--fuente-titulo-elemento);
    font-weight: 800;
    line-height: 1.25;
}

.datos-opcion p[b-ji43fz0n7h] {
    flex-grow: 1;
    margin: 0 0 7px;
    color: var(--color-texto-secundario);
    font-size: 0.86rem;
    line-height: 1.35;
}

.ingresar-opcion[b-ji43fz0n7h] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--color-primario);
    font-size: 0.88rem;
    font-weight: 700;
}

@media (max-width: 900px) {
    .grilla-opciones-tres[b-ji43fz0n7h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .encabezado-opciones[b-ji43fz0n7h] {
        margin-bottom: 8px;
    }

    .grilla-opciones[b-ji43fz0n7h] {
        grid-template-columns: minmax(0, 400px);
        gap: 8px;
    }

    .ingresar-opcion[b-ji43fz0n7h] {
        display: none;
    }
}

@media (max-width: 460px) {
    .tarjeta-opcion[b-ji43fz0n7h] {
        min-height: 0;
        gap: 9px;
        padding: 10px;
    }

    .icono-opcion[b-ji43fz0n7h] {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .datos-opcion p[b-ji43fz0n7h] {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 4px;
        font-size: .76rem;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 380px) {
    .encabezado-opciones[b-ji43fz0n7h] {
        margin-bottom: 5px;
    }

    .grilla-opciones[b-ji43fz0n7h] {
        gap: 6px;
    }

    .tarjeta-opcion[b-ji43fz0n7h] {
        gap: 7px;
        padding: 8px;
        border-radius: var(--radio-panel);
    }

    .icono-opcion[b-ji43fz0n7h] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 10px;
    }

    .icono-opcion[b-ji43fz0n7h]  svg {
        width: 20px;
        height: 20px;
    }

    .datos-opcion h3[b-ji43fz0n7h] {
        margin: 0 0 2px;
        font-size: .86rem;
        line-height: 1.15;
    }

    .datos-opcion p[b-ji43fz0n7h] {
        font-size: .76rem;
        line-height: 1.25;
    }

}
/* /Components/Shared/PaginaModulo.razor.rz.scp.css */
.pagina-modulo[b-rgiq53erxx] {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: var(--color-fondo);
}

.contenido-pagina-modulo[b-rgiq53erxx] {
    width: 100%;
    max-width: 1280px;
    flex: 1;
    margin: 0 auto;
    padding: 7px 32px 24px;
}

.contenido-pagina-modulo-reporte[b-rgiq53erxx] {
    width: min(94vw, 1500px);
    max-width: none;
}

.cabecera-pagina-contenido[b-rgiq53erxx] {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--color-borde);
}

.cabecera-texto[b-rgiq53erxx] {
    min-width: 0;
}

.cabecera-etiqueta[b-rgiq53erxx] {
    display: block;
    margin-bottom: 2px;
    color: var(--color-primario);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.cabecera-texto h1[b-rgiq53erxx] {
    margin: 0;
    color: var(--color-oscuro);
    font-size: var(--fuente-titulo-pagina);
    font-weight: 750;
    line-height: 1.15;
}

.cabecera-texto p[b-rgiq53erxx] {
    max-width: 780px;
    margin: 2px 0 0;
    color: var(--color-texto-secundario);
    font-size: 0.84rem;
    line-height: 1.4;
}

.boton-volver[b-rgiq53erxx] {
    display: inline-flex;
    min-height: 38px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 14px;
    border: 1px solid var(--color-borde);
    border-radius: var(--radio-control);
    background: var(--color-superficie);
    color: var(--color-texto);
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
}

.boton-volver:hover[b-rgiq53erxx] {
    border-color: var(--color-primario);
    color: var(--color-primario);
}

.pie-pagina-modulo[b-rgiq53erxx] {
    border-top: 1px solid var(--color-borde);
    background: var(--color-fondo);
    padding: 10px 32px;
    overflow: hidden;
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .contenido-pagina-modulo[b-rgiq53erxx] {
        padding: 6px 10px 14px;
    }

    .cabecera-pagina-contenido[b-rgiq53erxx] {
        min-height: 0;
        align-items: center;
        gap: 8px;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .cabecera-texto h1[b-rgiq53erxx] {
        font-size: var(--fuente-titulo-pagina);
    }

    .cabecera-texto p[b-rgiq53erxx] {
        font-size: 0.8rem;
        line-height: 1.3;
    }

    .boton-volver[b-rgiq53erxx] {
        min-height: 36px;
        padding: 7px 10px;
    }

    .pie-pagina-modulo[b-rgiq53erxx] {
        padding: 8px 12px;
    }

    .pagina-modulo-compacta-movil .cabecera-pagina-contenido[b-rgiq53erxx] {
        min-height: 34px;
        margin-bottom: 4px;
        padding-bottom: 4px;
    }

    .pagina-modulo-compacta-movil .cabecera-etiqueta[b-rgiq53erxx],
    .pagina-modulo-compacta-movil .cabecera-texto p[b-rgiq53erxx] {
        display: none;
    }

    .pagina-modulo-compacta-movil .cabecera-texto h1[b-rgiq53erxx] {
        font-size: 1.16rem;
        line-height: 1.05;
    }

    .pagina-modulo-compacta-movil .boton-volver[b-rgiq53erxx] {
        min-height: 32px;
        padding: 5px 9px;
        font-size: .8rem;
    }
}

@media (max-width: 600px) {
    .contenido-pagina-modulo[b-rgiq53erxx] {
        padding: 5px 8px 12px;
    }

    .cabecera-pagina-contenido[b-rgiq53erxx] {
        min-height: 34px;
        gap: 6px;
        margin-bottom: 4px;
        padding-bottom: 4px;
    }

    .cabecera-etiqueta[b-rgiq53erxx],
    .cabecera-texto p[b-rgiq53erxx] {
        display: none;
    }

    .cabecera-texto h1[b-rgiq53erxx] {
        font-size: 1.16rem;
        line-height: 1.05;
    }

    .boton-volver[b-rgiq53erxx] {
        min-height: 32px;
        padding: 5px 9px;
        font-size: .8rem;
    }
}

@media (max-width: 430px) {
    .contenido-pagina-modulo[b-rgiq53erxx] {
        padding: 4px 7px 10px;
    }

    .cabecera-pagina-contenido[b-rgiq53erxx] {
        min-height: 32px;
        align-items: center;
        gap: 5px;
        margin-bottom: 4px;
        padding-bottom: 4px;
    }

    .cabecera-etiqueta[b-rgiq53erxx],
    .cabecera-texto p[b-rgiq53erxx] {
        display: none;
    }

    .cabecera-texto h1[b-rgiq53erxx] {
        font-size: var(--fuente-titulo-pagina);
        line-height: 1.08;
    }

    .boton-volver[b-rgiq53erxx] {
        min-height: 32px;
        padding: 5px 8px;
        font-size: .78rem;
    }

    .pie-pagina-modulo[b-rgiq53erxx] {
        padding: 6px 8px;
        font-size: .58rem;
    }
}

@media (max-width: 380px) {
    .pie-pagina-modulo[b-rgiq53erxx] {
        padding: 5px 4px;
        font-size: .52rem;
    }
}
/* /Components/Shared/PlantillaModulo.razor.rz.scp.css */
.plantilla-modulo[b-byysiume3q] {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: var(--color-fondo);
}

.contexto-modulo[b-byysiume3q] {
    border-bottom: 1px solid var(--color-borde);
    background: var(--color-superficie-suave);
}

.contexto-modulo-contenido[b-byysiume3q] {
    display: flex;
    width: 100%;
    max-width: 1280px;
    min-height: 44px;
    margin: 0 auto;
    padding: 8px 32px;
    align-items: baseline;
    gap: 10px;
}

.contexto-modulo-contenido > h1[b-byysiume3q] {
    margin: 0;
    color: var(--color-oscuro);
    font-size: var(--fuente-titulo-pagina);
    font-weight: 750;
    line-height: 1.15;
}

.contexto-modulo-contenido > p[b-byysiume3q] {
    overflow: hidden;
    margin: 0;
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contenido-modulo[b-byysiume3q] {
    width: 100%;
    max-width: 1280px;
    flex: 1;
    margin: 0 auto;
    padding: 12px 32px 24px;
}

.contenido-adicional[b-byysiume3q] {
    margin-top: 14px;
}

.pie-modulo[b-byysiume3q] {
    border-top: 1px solid var(--color-borde);
    background: var(--color-fondo);
    padding: 13px 32px;
    overflow: hidden;
    color: var(--color-texto-secundario);
    font-size: 0.82rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .contexto-modulo-contenido[b-byysiume3q] {
        min-height: 36px;
        padding: 6px 12px;
        flex-wrap: wrap;
        gap: 4px 8px;
    }

    .contexto-modulo-contenido > p[b-byysiume3q] {
        width: 100%;
        font-size: 0.74rem;
    }

    .contenido-modulo[b-byysiume3q] {
        padding: 8px 10px 14px;
    }

    .pie-modulo[b-byysiume3q] {
        padding: 8px 12px;
    }
}

@media (max-width: 420px) {
    .contexto-modulo-contenido[b-byysiume3q] {
        min-height: 32px;
        padding: 4px 7px;
    }

    .contexto-modulo-contenido > p[b-byysiume3q] {
        display: none;
    }

    .contexto-modulo-contenido > h1[b-byysiume3q] {
        font-size: var(--fuente-titulo-pagina);
    }

    .contenido-modulo[b-byysiume3q] {
        padding: 6px 7px 10px;
    }

    .contenido-adicional[b-byysiume3q] {
        margin-top: 8px;
    }

    .pie-modulo[b-byysiume3q] {
        padding: 6px 8px;
        font-size: .58rem;
    }
}

@media (max-width: 380px) {
    .pie-modulo[b-byysiume3q] {
        padding: 5px 4px;
        font-size: .52rem;
    }
}
/* /Components/Shared/SelectorArchivo.razor.rz.scp.css */
.selector-archivo[b-hskqgqfqrl] {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 42px;
    overflow: hidden;
    border: 1px solid var(--color-borde-fuerte);
    border-radius: 8px;
    background: var(--color-superficie);
    cursor: pointer;
}

.selector-archivo:focus-within[b-hskqgqfqrl] {
    border-color: var(--color-primario);
    box-shadow: 0 0 0 3px rgb(218 54 8 / 16%);
}

.selector-archivo[b-hskqgqfqrl]  .selector-archivo-control {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.selector-archivo-boton[b-hskqgqfqrl],
.selector-archivo-nombre[b-hskqgqfqrl] {
    display: flex;
    align-items: center;
    padding: 9px 12px;
}

.selector-archivo-boton[b-hskqgqfqrl] {
    flex: 0 0 auto;
    border-right: 1px solid var(--color-borde-fuerte);
    background: var(--color-superficie-secundaria);
    color: var(--color-texto);
    font-weight: 700;
}

.selector-archivo-nombre[b-hskqgqfqrl] {
    min-width: 0;
    overflow: hidden;
    color: var(--color-texto-secundario);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selector-archivo-deshabilitado[b-hskqgqfqrl] {
    cursor: not-allowed;
    opacity: 0.65;
}

.selector-archivo-deshabilitado[b-hskqgqfqrl]  .selector-archivo-control {
    cursor: not-allowed;
}

@media (max-width: 520px) {
    .selector-archivo[b-hskqgqfqrl] {
        min-height: 40px;
    }

    .selector-archivo-boton[b-hskqgqfqrl],
    .selector-archivo-nombre[b-hskqgqfqrl] {
        padding: 8px 10px;
        font-size: 0.9rem;
    }
}