/* _content/SiREI_2026/Components/Layout/MainLayout.razor.rz.scp.css */
/*
   MainLayout.razor.css
   Estilos específicos del layout principal.
   Los estilos globales están en wwwroot/app.css
*/

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    /* ELIMINAMOS .main-layout { display: block }
        Porque eso rompe la altura fija de 100vh que definimos en app.css
        Solo dejamos la lógica visual de ocultar/mostrar el sidebar */
    .sidebar[b-jbwqdtu8at] {
        display: none;
    }

    .sidebar.show-mobile[b-jbwqdtu8at] {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 206px;
        height: 100dvh;
        background: white;
        box-shadow: 5px 0 15px rgba(0,0,0,0.3);
        overflow: hidden;
        padding-bottom: 50px;
    }
}

/* ===== MODO MANTENIMIENTO (MTTO) ===== */
.sirei-mtto-overlay[b-jbwqdtu8at] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sirei-mtto-content[b-jbwqdtu8at] {
    display: flex;
    align-items: center;
    gap: 2rem;
    max-width: 90%;
}

.sirei-mtto-imagen[b-jbwqdtu8at] {
    width: 11.25rem;
    height: auto;
    flex-shrink: 0;
    filter: drop-shadow(-8px -2px 4px rgba(0,0,0,0.5));
}

.sirei-mtto-box[b-jbwqdtu8at] {
    text-align: center;
    max-width: 24rem;
}

/* Responsive: en móvil apilar verticalmente */
@media (max-width: 768px) {
    .sirei-mtto-content[b-jbwqdtu8at] {
        flex-direction: column;
        gap: 1rem;
    }
}

.sirei-mtto-box h2[b-jbwqdtu8at] {
    color: #1a1a2e;
    font-size: var(--texto-16pt);             /* Tamaño 16pt */
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.sirei-mtto-box p[b-jbwqdtu8at] {
    color: #555;
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    margin: 0.5rem 0;
}

.sirei-mtto-mensaje[b-jbwqdtu8at] {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin: 1rem 0 !important;
    color: #856404 !important;
    font-weight: 500;
}

.sirei-mtto-tiempo[b-jbwqdtu8at] {
    font-size: var(--texto-10pt) !important;  /* Tamaño 10pt */
    color: #888 !important;
}

/* Link discreto para administradores */
.sirei-mtto-admin-link[b-jbwqdtu8at] {
    background: transparent;
    border: none;
    color: #888;
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    margin-top: 1.5rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 0.5rem;
}

.sirei-mtto-admin-link:hover[b-jbwqdtu8at] {
    color: #333;
}

/* Mini-login form */
.sirei-mtto-login-form[b-jbwqdtu8at] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.sirei-mtto-input[b-jbwqdtu8at] {
    padding: 0.75rem 1rem;
    border: 1px solid #ccc;
    border-radius: 0.375rem;
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    width: 100%;
    box-sizing: border-box;
}

.sirei-mtto-input:focus[b-jbwqdtu8at] {
    outline: none;
    border-color: #0f3460;
    box-shadow: 0 0 0 2px rgba(15, 52, 96, 0.2);
}

.sirei-mtto-error[b-jbwqdtu8at] {
    color: #dc3545 !important;
    font-size: var(--texto-10pt) !important;  /* Tamaño 10pt */
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 0.25rem;
    padding: 0.5rem;
    margin: 0 !important;
}

.sirei-mtto-login-buttons[b-jbwqdtu8at] {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.sirei-mtto-btn-cancel[b-jbwqdtu8at],
.sirei-mtto-btn-login[b-jbwqdtu8at] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 0.375rem;
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.sirei-mtto-btn-cancel[b-jbwqdtu8at] {
    background: #e9ecef;
    color: #495057;
}

.sirei-mtto-btn-cancel:hover[b-jbwqdtu8at] {
    background: #dee2e6;
}

.sirei-mtto-btn-login[b-jbwqdtu8at] {
    background: linear-gradient(135deg, #0f3460 0%, #16213e 100%);
    color: white;
}

.sirei-mtto-btn-login:hover[b-jbwqdtu8at] {
    background: linear-gradient(135deg, #16213e 0%, #1a1a2e 100%);
}
/* _content/SiREI_2026/Components/Layout/NavMenu.razor.rz.scp.css */
/*
   NavMenu.razor.css
   Menú lateral de navegación con módulos y submenús.
   Colapsa en móvil, expande en escritorio.
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
.nav-menu-container[b-dm7xhxcyhr] {
    background-color: white;                  /* Fondo blanco */
    display: flex;                            /* Flexbox vertical */
    flex-direction: column;                   /* Apilado de arriba a abajo */
    height: 100%;                             /* Altura completa */
}

/* ===== CABECERA CON LOGO ===== */
.nav-header[b-dm7xhxcyhr] {
    background-color: white;                  /* Fondo blanco */
    padding: 0.5rem;                          /* Espaciado interno */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
    border-bottom: 1px solid var(--color-border); /* Línea gris clara */
    height: var(--topbar-height);             /* Misma altura que TopBar */
    flex-shrink: 0;                           /* No se encoge */
}

/* Link del logo */
.logo-area[b-dm7xhxcyhr] {
    text-decoration: none;                    /* Sin subrayado */
}

/* Logo en modo colapsado */
.logo-colapsado[b-dm7xhxcyhr] {
    width: 30px;                              /* Ancho fijo pequeño */
}

/* Logo en modo expandido */
.logo-expandido[b-dm7xhxcyhr] {
    max-height: 40px;                         /* Altura máxima */
    width: auto;                              /* Ancho proporcional */
}

/* ===== CONTENEDOR DE ITEMS (con scroll) ===== */
.nav-items-container[b-dm7xhxcyhr] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    flex-grow: 1;                             /* Ocupa espacio disponible */
    overflow-y: auto;                         /* Scroll vertical si necesario */
    overflow-x: hidden;                       /* Sin scroll horizontal */
}

/* ===== WRAPPER DE CADA MÓDULO ===== */
.nav-item-wrapper[b-dm7xhxcyhr] {
    margin-bottom: 0.25rem;                   /* Separación entre módulos */
}

/* ===== FILA DE MÓDULO PRINCIPAL ===== */
.nav-item-row[b-dm7xhxcyhr] {
    cursor: pointer;                          /* Cursor de mano */
    border-radius: 6px;                       /* Esquinas redondeadas */
    margin-left: 0.3125rem;                   /* Margen izquierdo (5px) */
    margin-right: 0.3125rem;                  /* Margen derecho (5px) */
    transition: all 0.2s ease;                /* Animación suave */
    border-left: 8px solid var(--modulo-color); /* Barra de color del módulo */
    background-color: transparent;            /* Sin fondo por defecto */
    padding: 0.5rem;                          /* Espaciado interno */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
}

/* Módulo activo/seleccionado */
.nav-item-row.active-item[b-dm7xhxcyhr] {
    background-color: color-mix(in srgb, var(--modulo-color), white 80%); /* Fondo tenue del color */
}

/* Contenedor del icono (modo colapsado) */
.nav-icon-container[b-dm7xhxcyhr] {
    display: flex;                            /* Flexbox */
    justify-content: center;                  /* Centrado horizontal */
    width: 100%;                              /* Ancho completo */
}

/* Icono del módulo (modo colapsado) */
.nav-icon-mini[b-dm7xhxcyhr] {
    width: 28px;                              /* Ancho fijo */
    height: 28px;                             /* Alto fijo */
    object-fit: contain;                      /* Mantiene proporción */
}

/* Contenedor del texto (modo expandido) */
.nav-label-container[b-dm7xhxcyhr] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    width: 100%;                              /* Ancho completo */
}

/* Texto del nombre del módulo */
.nav-link-text[b-dm7xhxcyhr] {
    color: black;                             /* Negro */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

/* ===== SUBMENÚ (dentro de los módulos) ===== */
.submenu[b-dm7xhxcyhr] {
    margin-left: 0.125rem;                    /* Pequeña sangría (2px) */
    padding: 0.125rem 0;                      /* Espaciado vertical (2px) */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
}

/* Link de cada subitem */
.submenu-link[b-dm7xhxcyhr] {
    text-decoration: none;                    /* Sin subrayado */
    color: #666;                              /* Gris medio */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    padding: 0.25rem 0;                       /* Espaciado vertical (4px) */
}

.submenu-link:hover[b-dm7xhxcyhr] {
    color: var(--color-home);                 /* Verde al pasar mouse */
}

/* Bullet cuadrado (■) antes de cada subitem */
.bullet[b-dm7xhxcyhr] {
    margin-right: 0.25rem;                    /* Separación del texto (4px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* Texto del subitem */
.sub-label[b-dm7xhxcyhr] {
    /* font-weight se controla dinámicamente desde el HTML */
}

/* ===== FOOTER DEL MENÚ ===== */
.nav-footer-sirei[b-dm7xhxcyhr] {
    padding: 0.5rem;                          /* Espaciado interno */
    border-top: 1px solid var(--color-border); /* Línea gris clara */
    margin-top: auto;                         /* Empuja al fondo */
    flex-shrink: 0;                           /* No se encoge */
}

/* Links del footer (Preguntas, Legal, Contacto) */
.footer-links[b-dm7xhxcyhr] {
    padding-right: 0.625rem;                  /* Separación derecha (10px) */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    align-items: flex-end;                    /* Alineado a la derecha */
}

/* Estilo de links dentro del footer */
.footer-links[b-dm7xhxcyhr]  a {
    color: #666;                              /* Gris medio */
    text-decoration: none;                    /* Sin subrayado */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    transition: color 0.2s;                   /* Animación suave */
    display: block;                           /* Elemento de bloque */
    text-align: right;                        /* Alineado derecha */
}

.footer-links[b-dm7xhxcyhr]  a:hover {
    color: var(--color-home);                 /* Verde al pasar mouse */
    text-decoration: none;                    /* Sin subrayado */
}

/* ===== BOTÓN EXPANDIR/COLAPSAR ===== */
.nav-collapse-container[b-dm7xhxcyhr] {
    display: flex;                            /* Flexbox */
    justify-content: flex-end;                /* Alineado a la derecha */
    width: 100%;                              /* Ancho completo */
    margin-top: 0.5rem;                       /* Separación superior */
}

.btn-expandir[b-dm7xhxcyhr] {
    transition: transform 0.2s;               /* Animación de escala */
    border: 0;                                /* Sin borde */
    background-color: transparent;            /* Sin fondo */
    padding: 0;                               /* Sin padding */
    cursor: pointer;                          /* Cursor de mano */
}

.btn-expandir:hover[b-dm7xhxcyhr] {
    transform: scale(1.1);                    /* Agranda 10% al hover */
}

/* Icono de la flecha */
.btn-expandir-icon[b-dm7xhxcyhr] {
    width: 25px;                              /* Ancho fijo */
    opacity: 0.6;                             /* Semitransparente */
}
/* _content/SiREI_2026/Components/Layout/TopBar.razor.rz.scp.css */
/*
   TopBar.razor.css
   Barra superior con identidad visual por módulo.
   Incluye: toggler para menú móvil, selector de idioma, botón login/logout.
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
.topbar-main[b-phjqaj6068] {
    grid-row: 1;                              /* Primera fila del grid */
    display: flex;                            /* Flexbox horizontal */
    align-items: center;                      /* Centrado vertical */
    justify-content: space-between;           /* Título izq, acciones der */
    height: var(--topbar-height);             /* Altura fija de barra */
    transition: background-color 0.3s ease;   /* Animación cambio de módulo */
    font-weight: bold;                        /* Texto en negritas */
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
}

/* Título del módulo */
.topbar-title[b-phjqaj6068] {
    padding-left: 1.25rem;                    /* Separación del borde izq */
    text-transform: uppercase;                /* Todo mayúsculas */
}

/* Nombre del usuario logueado */
.topbar-user-name[b-phjqaj6068] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    color: inherit;                           /* Hereda color del tema */
    letter-spacing: 0.5px;                    /* Espaciado entre letras */
}

/* Contenedor de acciones (lado derecho) */
.topbar-actions[b-phjqaj6068] {
    display: flex;                            /* Flexbox horizontal */
    align-items: center;                      /* Centrado vertical */
    gap: 1rem;                                /* Espacio entre elementos */
    padding-right: 1.5rem;                    /* Separación del borde der */
}

/* ===== BOTÓN MENÚ MÓVIL (hamburguesa) ===== */
.sirei-menu-toggler[b-phjqaj6068] {
    padding: 0.25rem 0.75rem;                 /* Espaciado interno */
    font-size: 1.25rem;                       /* Icono hamburguesa, no es texto - no usar variable */
    line-height: 1;                           /* Altura de línea ajustada */
    background-color: transparent;            /* Sin fondo */
    border: 1px solid rgba(255,255,255,0.5);  /* Borde blanco semitransparente */
    border-radius: 0.25rem;                   /* Esquinas redondeadas */
    transition: box-shadow 0.15s ease-in-out; /* Animación de focus */
    margin-left: 0.625rem;                    /* Separación del borde */
    display: block;                           /* Visible por defecto */
    cursor: pointer;                          /* Cursor de mano */
}

.sirei-menu-toggler:hover[b-phjqaj6068] {
    text-decoration: none;                    /* Sin subrayado */
}

.sirei-menu-toggler:focus[b-phjqaj6068] {
    text-decoration: none;                    /* Sin subrayado */
    outline: 0;                               /* Sin outline del navegador */
    box-shadow: 0 0 0 0.25rem rgba(255,255,255,0.25); /* Glow blanco suave */
}

/* Icono hamburguesa (3 líneas) */
.sirei-menu-toggler-icon[b-phjqaj6068] {
    display: inline-block;                    /* Elemento en línea */
    width: 1.5em;                             /* Ancho del icono */
    height: 1.5em;                            /* Alto del icono */
    vertical-align: middle;                   /* Alineación vertical */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); /* SVG 3 líneas blancas */
    background-repeat: no-repeat;             /* Sin repetir */
    background-position: center;              /* Centrado */
    background-size: 100%;                    /* Tamaño completo */
}

/* En PC (642px+), ocultar hamburguesa */
@media (min-width: 642px) {
    .sirei-menu-toggler[b-phjqaj6068] {
        display: none;                        /* Oculto en escritorio */
    }
}

/* ===== SELECTOR DE IDIOMA ===== */
.sirei-selector[b-phjqaj6068] {
    display: block;                           /* Elemento de bloque */
    padding: 0.25rem 2.25rem 0.25rem 0.5rem;  /* Espacio para flecha derecha */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    font-weight: 400;                         /* Peso normal */
    line-height: 1.5;                         /* Altura de línea */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); /* Flecha hacia abajo */
    background-repeat: no-repeat;             /* Sin repetir */
    background-position: right 0.75rem center; /* Flecha a la derecha */
    background-size: 16px 12px;               /* Tamaño de flecha */
    border-radius: 0.25rem;                   /* Esquinas redondeadas */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; /* Animación */
    -webkit-appearance: none;                 /* Quita estilo nativo Safari */
    -moz-appearance: none;                    /* Quita estilo nativo Firefox */
    appearance: none;                         /* Quita estilo nativo */
}

/* Estilo específico para el select de idioma */
.topbar-select[b-phjqaj6068] {
    width: auto;                              /* Ancho según contenido */
    background-color: rgba(255,255,255,0.2);  /* Fondo blanco semitransparente */
    color: inherit;                           /* Hereda color del tema */
    border: none;                             /* Sin borde */
}

/* Color del texto en las opciones del dropdown */
.sirei-selector option[b-phjqaj6068] {
    color: black;                             /* Negro para legibilidad */
}

/* ===== SEPARADOR VERTICAL ===== */
/* Nota: Actualmente deshabilitado (width:0), activar si se necesita */
.sirei-separador-vertical[b-phjqaj6068] {
    display: inline-block;                    /* Elemento en línea */
    align-self: stretch;                      /* Altura completa del padre */
    width: 0;                                 /* Ancho cero (deshabilitado) */
    min-height: 1em;                          /* Altura mínima */
    background-color: currentColor;           /* Color del texto actual */
    opacity: 0.5;                             /* Semitransparente */
    margin: 0;                                /* Sin márgenes */
}

/* ===== BOTÓN LOGIN/LOGOUT ===== */
.topbar-btn[b-phjqaj6068] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    padding: 0.25rem 0.75rem;                 /* Espaciado interno */
    font-weight: 500;                         /* Semi-negrita */
    background-color: transparent;            /* Sin fondo */
    color: inherit;                           /* Hereda color del tema */
    border: 1px solid currentColor;           /* Borde del color del texto */
    border-radius: 4px;                       /* Esquinas redondeadas */
    text-decoration: none;                    /* Sin subrayado (para <a>) */
    transition: all 0.2s ease-in-out;         /* Animación suave */
    cursor: pointer;                          /* Cursor de mano */
    display: inline-flex;                     /* Flex para centrar contenido */
    align-items: center;                      /* Centrado vertical */
}

/* Hover temas oscuros (Verde, Rojo, Azul, Morado) */
.tema-claro .topbar-btn:hover[b-phjqaj6068] {
    background-color: white;                  /* Fondo blanco */
    color: black;                             /* Texto negro */
    box-shadow: 0 0 12px rgba(255,255,255,0.4); /* Glow blanco */
}

/* Hover tema Requerimientos (Amarillo) */
.tema-oscuro .topbar-btn:hover[b-phjqaj6068] {
    background-color: black;                  /* Fondo negro */
    color: yellow;                            /* Texto amarillo */
    box-shadow: 0 0 12px rgba(0,0,0,0.2);     /* Sombra suave */
}

/* ===== VERSIÓN Y BUILD ===== */
.topbar-version-container[b-phjqaj6068] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    align-items: center;                      /* Centrado horizontal */
    margin-left: 1rem;                        /* Separación izquierda */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    line-height: 1.4;                         /* Altura de línea */
    opacity: 0.7;                             /* Semitransparente */
    user-select: none;                        /* No seleccionable */
}

.topbar-commit_fecha[b-phjqaj6068] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: bold;                       /* Sin Bold */
}

.topbar-commit_build[b-phjqaj6068] {
    font-size: var(--texto-8pt);              /* Tamaño 7pt */
    font-weight: normal;                       /* Sin Bold */
}
/* _content/SiREI_2026/Components/Pages/00Auth/Login.razor.rz.scp.css */
/*
   Login.razor.css
   Formulario de login minimalista.
   Diseño con inputs de línea inferior estilo Material Design.
*/

/* ===== FRANJA DE COLOR ===== */
/* Indica visualmente de qué módulo viene el usuario */
.franja-procedencia[b-1mkaxdmkp6] {
    width: 100%;                              /* Ancho completo */
    height: 7px;                              /* Altura fija de la franja */
}

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Posición fija desde arriba para consistencia con Recovery */
.login-container[b-1mkaxdmkp6] {
    padding-top: 15vh;                        /* Posición fija desde arriba */
    padding-right: var(--padding-page-right); /* Padding derecho estándar */
    padding-bottom: var(--padding-page-bottom); /* Padding inferior estándar */
    margin-left: var(--margin-page-left);     /* Margen izquierdo estándar */
    width: calc(100% - var(--margin-page-left)); /* Ancho menos margen */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    align-items: center;                      /* Centrado horizontal */
    justify-content: flex-start;              /* Empieza arriba, crece hacia abajo */
}

/* ===== CAJA DEL FORMULARIO ===== */
.login-box[b-1mkaxdmkp6] {
    width: 300px;                             /* Ancho fijo del formulario */
    padding: 0.625rem;                        /* Espaciado interno (10px) */
    background: transparent;                  /* Sin fondo */
}

/* ===== TÍTULO ===== */
.login-title[b-1mkaxdmkp6] {
    font-size: var(--texto-14pt);             /* Tamaño 14pt */
    font-weight: bold;                        /* Negritas */
    color: #444;                              /* Gris oscuro */
    margin-bottom: 1.5625rem;                 /* Separación inferior (25px) */
    text-align: center;                       /* Centrado */
}

/* ===== GRUPO DE CAMPO ===== */
.form-group[b-1mkaxdmkp6] {
    margin-bottom: 0.9375rem;                 /* Separación entre campos (15px) */
}

.form-group label[b-1mkaxdmkp6] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #666;                              /* Gris medio */
}

/* ===== INPUT CON LÍNEA INFERIOR ===== */
/* Estilo Material Design: solo borde inferior */
.login-input[b-1mkaxdmkp6] {
    width: 100%;                              /* Ancho completo */
    border: none;                             /* Sin bordes */
    border-bottom: 1px solid #ccc;            /* Línea gris clara */
    padding: 0.3125rem 0;                     /* Espaciado vertical (5px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    background: transparent;                  /* Sin fondo */
    outline: none;                            /* Sin outline de focus */
}

.login-input:focus[b-1mkaxdmkp6] {
    border-bottom: 2px solid #808080;         /* Línea gris más gruesa al focus */
    background: transparent;                  /* Mantiene sin fondo */
}

/* Evita que el autocompletado del navegador pinte el fondo */
.login-input:-webkit-autofill[b-1mkaxdmkp6],
.login-input:-webkit-autofill:hover[b-1mkaxdmkp6],
.login-input:-webkit-autofill:focus[b-1mkaxdmkp6] {
    -webkit-box-shadow: 0 0 0px 1000px white inset; /* Sombra blanca que cubre el fondo */
    box-shadow: 0 0 0px 1000px white inset;   /* Compatibilidad cross-browser */
    -webkit-text-fill-color: inherit;         /* Mantiene color de texto */
}

/* ===== MENSAJE DE ERROR ===== */
.error-message[b-1mkaxdmkp6] {
    color: red;                               /* Rojo */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    margin-top: 0.3125rem;                    /* Separación superior (5px) */
}

/* ===== CONTENEDOR DEL BOTÓN ===== */
.login-actions[b-1mkaxdmkp6] {
    text-align: right;                        /* Alineado a la derecha */
}

/* ===== BOTÓN ENTRAR ===== */
/* Usa .boton de app.css (9pt) - aquí solo colores */
.btn-entrar[b-1mkaxdmkp6] {
    background-color: #444;                   /* Gris oscuro */
    color: white;                             /* Texto blanco */
    margin-top: 0.625rem;                     /* Separación superior (10px) */
}

.btn-entrar:hover[b-1mkaxdmkp6] {
    background-color: #000;                   /* Negro al pasar mouse */
}

/* ===== CONTENEDOR LINK RECUPERACIÓN ===== */
.login-recovery[b-1mkaxdmkp6] {
    text-align: center;                       /* Centrado */
}

/* ===== LINK DE RECUPERACIÓN ===== */
.recovery-link[b-1mkaxdmkp6] {
    display: block;                           /* Elemento de bloque */
    margin-top: 0.9375rem;                    /* Separación superior (15px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #888;                              /* Gris claro */
    text-decoration: none;                    /* Sin subrayado */
}

.recovery-link:hover[b-1mkaxdmkp6] {
    color: var(--color-home);                 /* Verde al pasar mouse */
}
/* _content/SiREI_2026/Components/Pages/00Auth/Recovery.razor.rz.scp.css */
/*
   Recovery.razor.css
   Estilos idénticos a Login.razor.css para consistencia visual.
   Solo agrega estilos para mensaje de éxito y nota de spam.
*/

/* ===== FRANJA DE COLOR ===== */
.franja-procedencia[b-abciz3xfzg] {
    width: 100%;
    height: 7px;
}

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Posición fija desde arriba, crece hacia abajo */
.login-container[b-abciz3xfzg] {
    padding-top: 15vh;                            /* Mismo punto de inicio que login */
    padding-right: var(--padding-page-right);
    padding-bottom: var(--padding-page-bottom);
    margin-left: var(--margin-page-left);
    width: calc(100% - var(--margin-page-left));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;                  /* Empieza arriba, crece hacia abajo */
}

/* ===== CAJA DEL FORMULARIO ===== */
.login-box[b-abciz3xfzg] {
    width: 300px;
    padding: 0.625rem;
    background: transparent;
}

/* ===== TÍTULO ===== */
.login-title[b-abciz3xfzg] {
    font-size: var(--texto-14pt);
    font-weight: bold;
    color: #444;
    margin-bottom: 1.5625rem;
    text-align: center;
}

/* ===== GRUPO DE CAMPO ===== */
.form-group[b-abciz3xfzg] {
    margin-bottom: 0.9375rem;
}

.form-group label[b-abciz3xfzg] {
    font-size: var(--texto-9pt);
    color: #666;
}

/* ===== INPUT CON LÍNEA INFERIOR ===== */
.login-input[b-abciz3xfzg] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0.3125rem 0;
    font-size: var(--texto-10pt);
    background: transparent;
    outline: none;
}

.login-input:focus[b-abciz3xfzg] {
    border-bottom: 2px solid #808080;
    background: transparent;
}

.login-input:-webkit-autofill[b-abciz3xfzg],
.login-input:-webkit-autofill:hover[b-abciz3xfzg],
.login-input:-webkit-autofill:focus[b-abciz3xfzg] {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: inherit;
}

/* ===== MENSAJE DE ERROR ===== */
.error-message[b-abciz3xfzg] {
    color: red;
    font-size: var(--texto-8pt);
    margin-top: 0.3125rem;
}

/* ===== CONTENEDOR DEL BOTÓN ===== */
.login-actions[b-abciz3xfzg] {
    text-align: right;
}

/* ===== BOTÓN ENVIAR ===== */
.btn-entrar[b-abciz3xfzg] {
    background-color: #444;
    color: white;
    margin-top: 0.625rem;
    text-decoration: none;
    display: inline-block;
}

.btn-entrar:hover[b-abciz3xfzg] {
    background-color: #000;
    color: white;
}

/* ===== CONTENEDOR LINK REGRESAR ===== */
.login-recovery[b-abciz3xfzg] {
    text-align: center;
}

/* ===== LINK DE REGRESAR ===== */
.recovery-link[b-abciz3xfzg] {
    display: block;
    margin-top: 0.9375rem;
    font-size: var(--texto-8pt);
    color: #888;
    text-decoration: none;
}

.recovery-link:hover[b-abciz3xfzg] {
    color: var(--color-home);
}

/* ===== MENSAJE DE ÉXITO ===== */
.success-message[b-abciz3xfzg] {
    text-align: center;
}

.success-message label[b-abciz3xfzg] {
    font-size: var(--texto-14pt);
    font-weight: bold;
    color: var(--color-cco);
    display: block;
    margin-bottom: 0.5rem;
}

.success-message p[b-abciz3xfzg] {
    font-size: var(--texto-10pt);
    color: #444;
    margin: 0;
    margin-bottom: 0.5rem;
}

/* ===== NOTA SPAM ===== */
.nota-spam[b-abciz3xfzg] {
    background-color: #ffffff;
    padding: 0.625rem;
    border-radius: 4px;
    text-align: center;
}

.nota-spam label[b-abciz3xfzg] {
    color: #cc0000;
    font-weight: bold;
    display: block;
    margin-bottom: 0.25rem;
}

.nota-spam span[b-abciz3xfzg] {
    font-size: var(--texto-8pt);
    color: #666;
}

/* ===== SPINNER ===== */
.btn-spinner[b-abciz3xfzg] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-b-abciz3xfzg 0.8s linear infinite;
    margin-right: 0.5rem;
    vertical-align: middle;
}

@keyframes spin-b-abciz3xfzg {
    to { transform: rotate(360deg); }
}
/* _content/SiREI_2026/Components/Pages/01Pan/PanelEnc.razor.rz.scp.css */
/*
   PanelEnc.razor.css
   Panel de Encuestas con widgets de satisfacción y gráficas.
   4 widgets con componente SiREIgauge y tabs de navegación.
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Pega la barra de filtros a la barra del SiREI */
.contenedor-principal-sirei[b-7kj3wpfrzc] {
    padding-top: 0;                           /* Sin padding superior */
    padding-bottom: 0;                        /* Sin padding inferior para evitar scroll */
}

/* ===== BARRA DE FILTROS ===== */
.barra-filtros[b-7kj3wpfrzc] {
    background-color: #ffefd5;                /* Durazno - color del módulo Panel */
}

.letra-8pt[b-7kj3wpfrzc] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* ===== MENSAJE DE CARGA ===== */
.loading-message[b-7kj3wpfrzc] {
    text-align: center;                       /* Centrado */
    padding: 1.25rem;                         /* Espaciado interno (20px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== CONTENEDOR DE WIDGETS (FLEXBOX) ===== */
.widgets-container[b-7kj3wpfrzc] {
    display: flex;                            /* Flexbox horizontal */
    flex-wrap: nowrap;                        /* Sin wrap en PC */
    gap: 0.5rem;                              /* Espacio entre widgets */
    background-color: transparent;            /* Sin fondo */
    width: 100%;                              /* Ancho completo responsive */
    margin-top: 1rem;                         /* Separación superior */
}

/* ===== WIDGET INDIVIDUAL ===== */
.widget[b-7kj3wpfrzc] {
    display: flex;                            /* Gauge + textos lado a lado */
    flex-direction: row;                      /* Horizontal */
    align-items: flex-start;                  /* Alineado arriba */
}

.widget-general[b-7kj3wpfrzc] {
    flex: 0 0 auto;                           /* No crece ni encoge */
}

.widget-cortesia[b-7kj3wpfrzc],
.widget-info[b-7kj3wpfrzc],
.widget-tiempo[b-7kj3wpfrzc] {
    flex: 1;                                  /* Crece para llenar espacio */
}

/* ===== COLUMNAS DE GAUGES ===== */
.widget-gauge[b-7kj3wpfrzc] {
    width: 6.25rem;                           /* Ancho fijo (100px) */
    flex-shrink: 0;                           /* No encoge */
}

/* ===== COLUMNAS DE TEXTO ===== */
.widget-textos[b-7kj3wpfrzc] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    line-height: 1.8;                         /* Altura de línea */
    padding-left: 0.3125rem;                  /* Padding izquierdo (5px) */
}

/* ===== NIVELES DE SATISFACCIÓN ===== */
/* Nivel 4: Excelente/Mucho/Rápido - Morado */
.nivel-4[b-7kj3wpfrzc] {
    color: #800080;                           /* Morado */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.nivel-4 .metrica-link[b-7kj3wpfrzc] {
    color: #800080;                           /* Morado */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
}

/* Nivel 3: Bueno/Suficiente - Verde */
.nivel-3[b-7kj3wpfrzc] {
    color: #228B22;                           /* Verde bosque */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.nivel-3 .metrica-link[b-7kj3wpfrzc] {
    color: #228B22;                           /* Verde bosque */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
}

/* Nivel 2: Malo/Poco/Lento - Naranja */
.nivel-2[b-7kj3wpfrzc] {
    color: #FF8C00;                           /* Naranja oscuro */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.nivel-2 .metrica-link[b-7kj3wpfrzc] {
    color: #FF8C00;                           /* Naranja oscuro */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
}

/* Nivel 1: Pésimo/Nada/Tarde - Rojo */
.nivel-1[b-7kj3wpfrzc] {
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.nivel-1 .metrica-link[b-7kj3wpfrzc] {
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
}

/* ===== LINKS DE MÉTRICAS ===== */
.metrica-link[b-7kj3wpfrzc] {
    cursor: pointer;                          /* Cursor de mano */
    text-decoration: none;                    /* Sin subrayado */
}

.metrica-link:hover[b-7kj3wpfrzc] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== TABS DE NAVEGACIÓN ===== */
.tabs-container[b-7kj3wpfrzc] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    width: 100%;                              /* Ancho completo responsive */
    border-top: none;                         /* Sin borde superior */
    padding-top: 0.3125rem;                   /* Padding superior (5px) */
    border-collapse: collapse;                /* Bordes colapsados */
    table-layout: fixed;                      /* Layout fijo */
}

.tabs-row[b-7kj3wpfrzc] {
    height: 1.5625rem;                        /* Altura de fila (25px) */
    text-align: center;                       /* Centrado */
}

.tab-cell[b-7kj3wpfrzc] {
    border: none;                             /* Sin borde */
    border-top: 1px solid gray;               /* Borde superior gris */
    border-left: 1px solid gray;              /* Borde izquierdo gris */
    border-right: 1px solid gray;             /* Borde derecho gris */
}

.tab-activo[b-7kj3wpfrzc] {
    background-color: #F5F5F5;                /* Gris muy claro */
}

.tab-inactivo[b-7kj3wpfrzc] {
    background-color: #DCDCDC;                /* Gris claro (Gainsboro) */
}

.tab-width-1[b-7kj3wpfrzc],
.tab-width-2[b-7kj3wpfrzc],
.tab-width-3[b-7kj3wpfrzc],
.tab-width-4[b-7kj3wpfrzc] {
    width: 15%;                               /* Ancho de cada tab */
}

.tab-spacer[b-7kj3wpfrzc] {
    width: 2%;                                /* Espacio entre tabs */
}

.tab-link[b-7kj3wpfrzc] {
    text-decoration: none;                    /* Sin subrayado */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
    width: 100%;                              /* Ancho completo */
    height: 100%;                             /* Alto completo */
}

.tab-link-activo[b-7kj3wpfrzc] {
    color: #000000;                           /* Negro */
    font-weight: bold;                        /* Negritas */
}

.tab-link-inactivo[b-7kj3wpfrzc] {
    color: #696969;                           /* Gris oscuro (DimGray) */
    font-weight: normal;                      /* Sin negritas */
}

/* ===== GRÁFICA HISTÓRICA ===== */
.grafica-container[b-7kj3wpfrzc] {
    width: 100%;                              /* Ancho completo responsive */
    height: calc(100vh - 20.1rem);              /* Altura dinámica (pantalla - offset + aire) */
    min-height: 15rem;                        /* Mínimo 240px */
    background-color: #F5F5F5;                /* Gris muy claro */
    border: 1px solid #ddd;                   /* Borde gris claro */
    padding: 0.625rem;                        /* Espaciado interno (10px) */
}

/* ===== CLASES DE VISIBILIDAD PC/MÓVIL ===== */
.solo-movil[b-7kj3wpfrzc] {
    display: none;                            /* Oculto en PC */
}

.solo-pc[b-7kj3wpfrzc] {
    display: inline;                          /* Visible en PC */
}

/* ===== ENCABEZADO MÓVIL (título + promedio) ===== */
.encabezado-movil[b-7kj3wpfrzc] {
    font-weight: bold;
    font-size: var(--texto-9pt);
    color: #333;
    margin-bottom: 0.25rem;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    /* Intercambiar visibilidad PC/Móvil */
    .solo-movil[b-7kj3wpfrzc] {
        display: inline;
    }

    .solo-pc[b-7kj3wpfrzc] {
        display: none;
    }

    /* Contenedor: wrap para 2 filas, centrado */
    .widgets-container[b-7kj3wpfrzc] {
        flex-wrap: wrap;                      /* Permite wrap */
        justify-content: center;              /* Centrar fila 2 */
    }

    /* Fila 1: en GENERAL ocupa 100% del ancho, centrado */
    .widget-general[b-7kj3wpfrzc] {
        flex: 0 0 100%;                       /* Ancho completo */
        justify-content: center;              /* Centrado horizontal */
        align-items: center;                  /* Centrado vertical */
    }

    /* Espacio entre gauge y textos en fila 1 */
    .widget-general .widget-gauge[b-7kj3wpfrzc] {
        margin-right: 1rem;                   /* 1rem de separación */
    }

    /* Fila 2: 3 columnas (Cort, Info, Tiem) */
    .widget-cortesia[b-7kj3wpfrzc],
    .widget-info[b-7kj3wpfrzc],
    .widget-tiempo[b-7kj3wpfrzc] {
        flex: 0 0 auto;                       /* No crecen, ancho natural */
    }

    /* Espacio para que respiren los widgets de fila 2 */
    .widget-info[b-7kj3wpfrzc] {
        margin: 0 2rem;                       /* 2rem a cada lado del widget central */
    }

    /* Textos más compactos en móvil */
    .widget-textos[b-7kj3wpfrzc] {
        font-size: var(--texto-8pt);
        line-height: 1.4;
        padding-left: 0;
    }

    /* Encabezado en fila 2: debe ser bloque para bajar los textos */
    .encabezado-movil.solo-movil[b-7kj3wpfrzc] {
        display: block !important;            /* Forzar bloque (no inline) */
    }

    .grafica-container[b-7kj3wpfrzc] {
        height: 18rem;                        /* 15rem + 20% */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-7kj3wpfrzc] {
    --spinner-color: var(--color-panel);
}
/* _content/SiREI_2026/Components/Pages/01Pan/PanelEva.razor.rz.scp.css */
/*
   ==========================================================================
   PanelEva.razor.css
   Panel de Evaluaciones - Dashboard con widgets de desempeño y gráficas
   ==========================================================================

   ESTRUCTURA:
   1. Contenedor principal y barra de filtros
   2. Panel de métricas (Grid → Flex móvil)
   3. Widget 1: Evaluación (Rey)
   4. Widget 2: Esfuerzo y Volumen (separados para móvil)
   5. Widget 3: Créditos y Faltas
   6. Widget 4: Inconformidades
   7. Tabs de navegación
   8. Gráfica histórica
   9. Utilidades
   10. Responsivo móvil
*/


/* ==========================================================================
   1. CONTENEDOR PRINCIPAL Y BARRA DE FILTROS
   ========================================================================== */

.contenedor-principal-sirei[b-px3dmp84yb] {
    padding-top: 0;                               /* Pega la barra de filtros arriba */
    padding-bottom: 0;                            /* Sin padding inferior para evitar scroll */
}

.barra-filtros[b-px3dmp84yb] {
    background-color: #ffefd5;                    /* Durazno - color del módulo Panel */
}


/* ==========================================================================
   2. PANEL DE MÉTRICAS (GRID → FLEX MÓVIL)
   ========================================================================== */

/*
   PC: CSS Grid con 5 columnas. Esfuerzo y Volumen comparten columna 3
   (apilados verticalmente) tal como estaban en la tabla original.
   br-movil es display:contents → sus hijos participan directo en el grid.

   Móvil: Se desactiva el grid (display:block) y los br-movil toman control
   (display:flex; width:100% desde app.css) creando 2 filas:
     Fila 1: Rey + Texto-Evaluación + Esfuerzo
     Fila 2: Volumen + Créditos/Faltas + Inconformidades (sin descripción)
*/
.panel-metricas[b-px3dmp84yb] {
    display: grid;
    grid-template-columns: 150px 9.375rem 22rem 13.125rem 10.3125rem;
    grid-template-rows: auto auto;
    justify-content: space-between;
    background-color: transparent;
    width: 100%;
    font-size: var(--texto-10pt);
    margin-top: 1rem;
}

/* Tablas internas sin bordes ni espaciado */
.tabla-widget[b-px3dmp84yb] {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Celdas de tablas internas */
.widget-icono-td[b-px3dmp84yb] {
    width: 2.8125rem;                             /* 45px */
}

.widget-texto-td[b-px3dmp84yb] {
    width: 15rem;                                 /* 240px - espacio para 3 valores */
}


/* ==========================================================================
   3. WIDGET 1: EVALUACIÓN (REY)
   ========================================================================== */

/* --- Contenedor del Rey --- */
.rey-container[b-px3dmp84yb] {
    width: 150px;
    height: 180px;
    text-align: center;
    grid-column: 1;
    grid-row: 1 / 3;
}

/* --- Columna de texto junto al Rey --- */
.widget-col-1-texto[b-px3dmp84yb] {
    width: 9.375rem;                              /* 150px */
    font-size: var(--texto-10pt);
    text-align: left;
    grid-column: 2;
    grid-row: 1 / 3;
}

/* --- Icono del Rey (imagen grande clickeable) --- */
.icono-evaluacion[b-px3dmp84yb] {
    height: 160px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    /* NOTA: drop-shadow deshabilitado porque pasa por encima del filter-bar al hacer scroll */
    filter: drop-shadow(-4px 4px 2px rgba(0,0,0,0.3));
    will-change: revert-layer;
}

.icono-evaluacion:hover[b-px3dmp84yb] {
    transform: scale(1.05);
    filter: drop-shadow(-7px 7px 2px rgba(0,0,0,0.25));
}

/* Estado después del click (500ms mostrando susto) */
.icono-evaluacion.icono-clicked[b-px3dmp84yb],
.icono-evaluacion.icono-clicked:hover[b-px3dmp84yb],
.icono-evaluacion.icono-clicked:active[b-px3dmp84yb] {
    height: 110px;
    margin-bottom: 20px;
}

/* --- Número grande de evaluación --- */
.evaluacion-numero[b-px3dmp84yb] {
    font-weight: bold;
    font-size: 1.75rem;                           /* 28pt aprox */
    cursor: pointer;
    text-decoration: none;
}

.evaluacion-numero:hover[b-px3dmp84yb] {
    text-decoration: underline;
}

.evaluacion-porcentaje[b-px3dmp84yb] {
    /* Hereda el color del contenedor padre */
}

.evaluacion-subtexto[b-px3dmp84yb] {
    font-size: var(--texto-8pt);
    color: #a9a9a9;                               /* Gris medio */
}

/* --- Colores dinámicos de evaluación (según porcentaje) --- */
.evaluacion-color-rojo[b-px3dmp84yb] {
    color: #CC0000;                               /* < 95% */
}

.evaluacion-color-verde[b-px3dmp84yb] {
    color: #00FF00;                               /* >= 95% (Lime) */
}


/* ==========================================================================
   4. WIDGET 2: ESFUERZO Y VOLUMEN (separados para móvil)
   ========================================================================== */

/* --- Esfuerzo: columna 3 fila 1 del grid --- */
.widget-col-esfuerzo[b-px3dmp84yb] {
    font-size: var(--texto-10pt);
    grid-column: 3;
    grid-row: 1;
}

/* --- Volumen: columna 3 fila 2 del grid --- */
.widget-col-volumen[b-px3dmp84yb] {
    font-size: var(--texto-10pt);
    grid-column: 3;
    grid-row: 2;
}

/* --- Iconos pequeños clickeables --- */
.icono-pequeño[b-px3dmp84yb] {
    width: 2.8125rem;                             /* 45px */
    vertical-align: middle;
    margin-right: 0.6rem;                     /* Espacio a la derecha*/
}

.icono-clickeable[b-px3dmp84yb] {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    /* NOTA: drop-shadow deshabilitado porque pasa por encima del filter-bar al hacer scroll */
    filter: drop-shadow(-2px 2px 1px rgba(0,0,0,0.3));
}

.icono-clickeable:hover[b-px3dmp84yb] {
    transform: scale(1.1);
    filter: drop-shadow(-4px 4px 2px rgba(0,0,0,0.25));
}

.icono-clickeable:active[b-px3dmp84yb] {
    transform: scale(0.95);
}

/* --- Número de Esfuerzo --- */
.esfuerzo-numero[b-px3dmp84yb] {
    color: #008B8B;                               /* Cyan oscuro */
    font-weight: bold;
    font-size: var(--texto-12pt);
    cursor: pointer;
    text-decoration: none;
}

.esfuerzo-numero:hover[b-px3dmp84yb] {
    text-decoration: underline;
}

.esfuerzo-unidad[b-px3dmp84yb] {
    color: #008B8B;
}

/* --- Número de Volumen --- */
.volumen-numero[b-px3dmp84yb] {
    color: #6B8E23;                               /* Verde oliva */
    font-weight: bold;
    font-size: var(--texto-12pt);
    cursor: pointer;
    text-decoration: none;
}

.volumen-numero:hover[b-px3dmp84yb] {
    text-decoration: underline;
}

.volumen-unidad[b-px3dmp84yb] {
    color: #6B8E23;
}

/* --- Subtítulo "Global / Per Cápita" --- */
.widget-subtitulo[b-px3dmp84yb] {
    font-size: var(--texto-8pt);
    color: #808080;                               /* Gris */
}

/* --- Separadores "/" entre valores --- */
.esfuerzo-separador[b-px3dmp84yb] {
    color: #008B8B;
    font-weight: normal;
    margin: 0 0.2rem;
}

.volumen-separador[b-px3dmp84yb] {
    color: #6B8E23;
    font-weight: normal;
    margin: 0 0.2rem;
}


/* ==========================================================================
   5. WIDGET 3: CRÉDITOS Y FALTAS
   ========================================================================== */

/* --- Columna contenedora --- */
.widget-col-3[b-px3dmp84yb] {
    width: 13.125rem;                             /* 210px */
    font-size: var(--texto-10pt);
    grid-column: 4;
    grid-row: 1 / 3;
}

/* --- Contenedor de Créditos (color verde) --- */
.creditos-contenedor[b-px3dmp84yb] {
    color: #228B22;                               /* Verde bosque */
}

.creditos-numero[b-px3dmp84yb] {
    color: #228B22;
    font-weight: bold;
    font-size: var(--texto-16pt);
    cursor: pointer;
    text-decoration: none;
}

.creditos-numero:hover[b-px3dmp84yb] {
    text-decoration: underline;
}

/* --- Contenedor de Faltas (color rojo) --- */
.faltas-contenedor[b-px3dmp84yb] {
    color: #CC0000;
}

.faltas-numero[b-px3dmp84yb] {
    color: #CC0000;
    font-weight: bold;
    font-size: var(--texto-16pt);
    cursor: pointer;
    text-decoration: none;
}

.faltas-numero:hover[b-px3dmp84yb] {
    text-decoration: underline;
}

/* --- Espaciador entre créditos y faltas --- */
.spacer-4pt[b-px3dmp84yb] {
    font-size: 0.25rem;                           /* 4pt */
}


/* ==========================================================================
   6. WIDGET 4: INCONFORMIDADES
   ========================================================================== */

/* --- Columna contenedora --- */
.widget-col-4[b-px3dmp84yb] {
    width: 10.3125rem;                            /* 165px */
    text-align: center;
    font-size: var(--texto-10pt);
    grid-column: 5;
    grid-row: 1 / 3;
}

/* --- Caja con fondo gris --- */
.inconf-box[b-px3dmp84yb] {
    background-color: #f5f5f5;
    text-align: center;
    padding: 0.3125rem;                           /* 5px */
}

/* --- Número de inconformidades --- */
.inconf-numero[b-px3dmp84yb] {
    color: #ff0000;
    font-weight: bold;
    font-size: var(--texto-14pt);
    cursor: pointer;
    text-decoration: none;
}

.inconf-numero:hover[b-px3dmp84yb] {
    text-decoration: underline;
}

/* --- Título y descripción --- */
.inconf-titulo[b-px3dmp84yb] {
    font-size: var(--texto-8pt);
    color: #ff0000;
}

.inconf-descripcion[b-px3dmp84yb] {
    font-size: var(--texto-8pt);
    color: #a9a9a9;                               /* Gris medio */
}


/* ==========================================================================
   7. TABS DE NAVEGACIÓN
   ========================================================================== */

.tabs-container[b-px3dmp84yb] {
    font-size: var(--texto-8pt);
    width: 100%;
    border-top: none;
    padding-top: 0.3125rem;                       /* 5px */
    border-collapse: collapse;
    table-layout: fixed;
}

.tabs-row[b-px3dmp84yb] {
    height: 1.1875rem;                            /* 19px */
    text-align: center;
}

/* --- Celda de cada tab --- */
.tab-cell[b-px3dmp84yb] {
    border: none;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

.tab-activo[b-px3dmp84yb] {
    background-color: #F5F5F5;
}

.tab-inactivo[b-px3dmp84yb] {
    background-color: #DCDCDC;                    /* Gainsboro */
}

/* --- Anchos de tabs --- */
.tab-width-1[b-px3dmp84yb],
.tab-width-2[b-px3dmp84yb],
.tab-width-3[b-px3dmp84yb],
.tab-width-4[b-px3dmp84yb] {
    width: 18%;
}

.tab-width-5[b-px3dmp84yb] {
    width: 18%;
    overflow-wrap: break-word;
    word-break: break-all;
}

.tab-spacer[b-px3dmp84yb] {
    width: 2%;
}

/* --- Links dentro de tabs --- */
.tab-link[b-px3dmp84yb] {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.tab-link-activo[b-px3dmp84yb] {
    color: #000000;
    font-weight: bold;
}

.tab-link-inactivo[b-px3dmp84yb] {
    color: #696969;                               /* DimGray */
    font-weight: normal;
}


/* ==========================================================================
   8. GRÁFICA HISTÓRICA
   ========================================================================== */

.grafica-container[b-px3dmp84yb] {
    position: relative;                           /* Para posicionar charts ocultos */
    width: 100%;
    height: calc(100vh - 23rem);                  /* Altura dinámica (ajustado para evitar scroll) */
    min-height: 15rem;                            /* 240px mínimo */
    background-color: #F5F5F5;
    border: 1px solid #ddd;
    padding: 0.625rem;                            /* 10px */
}

/* --- Contenedor de cada chart (siempre ocupa 100%) --- */
.chart-wrapper[b-px3dmp84yb] {
    width: 100%;
    height: 100%;
}

/* --- Chart oculto (visibility para que ChartJS mantenga dimensiones) --- */
.chart-oculto[b-px3dmp84yb] {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}


/* ==========================================================================
   9. UTILIDADES
   ========================================================================== */

/* Mensaje de carga inicial */
.loading-message[b-px3dmp84yb] {
    text-align: center;
    padding: 1.25rem;                             /* 20px */
    font-size: var(--texto-10pt);
}

/* Tamaño de letra 8pt para labels */
.letra-8pt[b-px3dmp84yb] {
    font-size: var(--texto-8pt);
}

/* Spinner del módulo */
.sirei-spinner[b-px3dmp84yb] {
    --spinner-color: var(--color-panel);
}


/* ==========================================================================
   10. RESPONSIVO MÓVIL
   ========================================================================== */

@media (max-width: 767px) {
    /*
       Grid desactivado → los br-movil (display:flex; width:100% en app.css)
       crean 2 filas de widgets automáticamente:
         Fila 1: Rey + Evaluación texto + Esfuerzo
         Fila 2: Volumen + Créditos/Faltas + Inconformidades
    */

    .panel-metricas[b-px3dmp84yb] {
        display: block;
    }

    /* --- Margen entre fila 1 y fila 2, y espacio antes de la gráfica --- */
    .panel-metricas .br-movil + .br-movil[b-px3dmp84yb] {
        margin-top: 0.5rem;
    }

    .panel-metricas[b-px3dmp84yb] {
        margin-bottom: 0.5rem;
    }

    /* --- Rey ~20% más pequeño --- */
    .rey-container[b-px3dmp84yb] {
        width: auto;
        height: auto;
    }

    .icono-evaluacion[b-px3dmp84yb] {
        height: 128px;                            /* 160px × 0.8 = 128px */
    }

    .icono-evaluacion.icono-clicked[b-px3dmp84yb],
    .icono-evaluacion.icono-clicked:hover[b-px3dmp84yb],
    .icono-evaluacion.icono-clicked:active[b-px3dmp84yb] {
        height: 88px;                             /* 110px × 0.8 = 88px */
    }

    /* --- Fila 1: Evaluación texto flexible, Esfuerzo crece --- */
    .widget-col-1-texto[b-px3dmp84yb] {
        width: auto;
        min-width: 5rem;
    }

    .widget-col-esfuerzo[b-px3dmp84yb] {
        flex: 1;
        min-width: 0;
    }

    /* --- Fila 2: Volumen crece, Créditos/Faltas e Inconf compactos --- */
    .widget-col-volumen[b-px3dmp84yb] {
        flex: 1;
        min-width: 0;
        margin-right: 1rem;
    }

    /* Créditos/Faltas: lado a lado, cada uno apilado verticalmente
       [icon]  [icon]
       [num]   [num]
       Créd    Faltas                                                    */
    .widget-col-3[b-px3dmp84yb] {
        width: auto;
        flex: 0 0 auto;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 1rem;
        margin-right: 1rem;
    }

    .creditos-contenedor[b-px3dmp84yb],
    .faltas-contenedor[b-px3dmp84yb] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
        text-align: center;
    }

    /* Iconos de Créditos/Faltas 20% más chicos */
    .widget-col-3 .icono-pequeño[b-px3dmp84yb] {
        width: 2.25rem;                           /* 2.8125 × 0.8 = 2.25rem */
        margin-right: 0;
    }

    /* Inconformidades: compacto (~4 dígitos de ancho) */
    .widget-col-4[b-px3dmp84yb] {
        width: auto;
        flex: 0 0 auto;
        min-width: 0;
    }

    /* Números de Créditos/Faltas/Inconf: mismo tamaño que Esfuerzo/Volumen */
    .creditos-numero[b-px3dmp84yb],
    .faltas-numero[b-px3dmp84yb],
    .inconf-numero[b-px3dmp84yb] {
        font-size: var(--texto-12pt);
    }

    /* --- Tablas internas flexibles --- */
    .widget-texto-td[b-px3dmp84yb] {
        width: auto;
    }

    /* --- Gráfica en móvil (25% más alta que 12rem) --- */
    .grafica-container[b-px3dmp84yb] {
        height: 15rem;                            /* 12rem + 25% */
        min-height: 12rem;
    }
}
/* _content/SiREI_2026/Components/Pages/01Pan/PanelReq.razor.rz.scp.css */
/*
   PanelReq.razor.css
   Panel de Requerimientos con métricas y gráficas.
   Dashboard principal del módulo de requerimientos.
*/

/* ===========================================================================
   ANÁLISIS EXHAUSTIVO DE ESTRUCTURA HTML Y CSS
   Fecha: 2026-01-19
   ===========================================================================

   ESTRUCTURA HTML (de afuera hacia adentro, hasta los tabs):
   ============================================================

   NIVEL 1: <div class="contenedor-principal-sirei">
   ├── Definido en: app.css (global) + PanelReq.razor.css (override)
   ├── app.css define:
   │   - padding-top: var(--padding-page-top)
   │   - padding-right: var(--padding-page-right)
   │   - padding-bottom: var(--padding-page-bottom)
   │   - margin-left: var(--margin-page-left)
   │   - width: calc(100% - var(--margin-page-left))
   ├── PanelReq.razor.css SOBRESCRIBE:
   │   - padding-top: 0
   └── OBSERVACIÓN: El width depende de variables CSS globales

   NIVEL 2: <div class="barra-filtros">
   ├── Definido en: app.css (global) + PanelReq.razor.css (override)
   ├── app.css define:
   │   - display: flex
   │   - flex-wrap: wrap
   │   - align-items: center
   │   - gap: 0.31rem
   │   - padding: 0.4rem 0.5rem
   ├── PanelReq.razor.css SOBRESCRIBE:
   │   - background-color: #ffefd5 (durazno)
   └── Contiene: selects, labels, y un <div class="br-movil"> para radios

   NIVEL 2: <div class="panel-metricas">
   ├── Definido en: PanelReq.razor.css (líneas 23-29)
   ├── Propiedades:
   │   - display: flex
   │   - flex-wrap: wrap
   │   - gap: 0.5rem
   │   - margin-top: 1rem
   │   - width: 100%
   └── Contiene: 3 grupos de <div class="br-movil">

   NIVEL 3: <div class="br-movil"> (GRUPO 1, 2, 3)
   ├── Definido en: app.css (líneas 553-568)
   ├── EN PC:
   │   - display: contents
   │   - EFECTO: El div "desaparece" del layout
   │   - Los hijos se comportan como hijos directos de .panel-metricas
   ├── EN CELULAR (@media max-width: 767px):
   │   - display: flex
   │   - width: 100%
   │   - gap: 0.5rem
   │   - EFECTO: Cada grupo ocupa una línea completa
   └── OBSERVACIÓN: El breakpoint es 767px en app.css, pero 768px en este archivo

   ============================================================
   GRUPO 1: Pie Resumen + Textos Proceso + Pie 1
   ============================================================

   NIVEL 4.1: <div class="panel-col panel-col-pie"> (Pie Resumen)
   ├── Mismo estilo que los otros pies
   └── Contiene: Pie de Solicitados/EnProceso/Terminados/Cancelados/Rechazados

   ============================================================

   NIVEL 4.2: <div class="panel-col columna-textos-proceso">
   ├── CLASES APLICADAS: "panel-col" + "columna-textos-proceso"
   ├── .panel-col: flex-grow: 1
   ├── .columna-textos-proceso (líneas 71-77) SOBRESCRIBE:
   │   - min-width: 9.5rem
   │   - flex-grow: 2         ← Crece el DOBLE que otros
   │   - padding-right: 0.9375rem
   │   - line-height: 1.6
   │   - text-align: center
   ├── EN CELULAR (líneas 343-351):
   │   - min-width: 9.5rem
   │   - width: auto
   │   - padding: 0.5rem
   │   - padding-top: 0
   │   - margin-top: 0
   │   - line-height: 1
   └── OBSERVACIÓN: En celular mantiene min-width pero quita flex-grow

   ============================================================

   NIVEL 4.3: <div class="panel-col panel-col-pie">
   ├── CLASES APLICADAS: "panel-col" + "panel-col-pie"
   ├── .panel-col: flex-grow: 1
   ├── .panel-col-pie (líneas 44-46):
   │   - min-width: 8.125rem
   ├── EN CELULAR (líneas 360-362):
   │   - width: 6rem
   └── OBSERVACIÓN: Se reduce correctamente en celular

   NIVEL 5.3: <div class="grafica-pie-container">
   ├── EN PC:
   │   - width: 9rem
   │   - height: 9rem
   ├── EN CELULAR:
   │   - width: 6rem
   │   - height: 6rem
   └── NOTA: Sin position:relative para evitar conflicto con .fijador (sticky)

   ============================================================
   GRUPO 2: Textos Terminados + Pie 2
   ============================================================
   (Mismo patrón que Grupo 1, sin gráfica de barras)

   ============================================================
   GRUPO 3: Cuellos de Botella
   ============================================================

   NIVEL 4.6: <div class="panel-col panel-col-cdb">
   ├── CLASES APLICADAS: "panel-col" + "panel-col-cdb"
   ├── .panel-col: flex-grow: 1
   ├── .panel-col-cdb (líneas 48-51):
   │   - min-width: 9.375rem
   │   - text-align: center
   ├── EN CELULAR (líneas 370-375):
   │   - width: 4rem
   │   - display: flex
   │   - flex-direction: column
   │   - align-items: center
   └── OBSERVACIÓN: Muy estrecho (4rem) puede causar overflow de texto

   ============================================================
   PROBLEMAS PENDIENTES
   ============================================================

   PROBLEMA: Breakpoints inconsistentes
   ─────────────────────────────────────────────────────────
   - app.css usa: @media (max-width: 767px)
   - Este archivo usa: @media (max-width: 768px)
   - RESULTADO: Hay 1px de diferencia que puede causar comportamiento inesperado

   =========================================================================== */

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Pega la barra de filtros a la barra del SiREI */
.contenedor-principal-sirei[b-0k0s18lipg] {
    padding-top: 0;                           /* Sin padding superior */
    padding-bottom: 0;                        /* Sin padding inferior para evitar scroll */
}

/* ===== BARRA DE FILTROS ===== */
.barra-filtros[b-0k0s18lipg] {
    background-color: #ffefd5;                /* Durazno - color del módulo Panel */
}

.letra-8pt[b-0k0s18lipg] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* ===== CONTENEDOR DE MÉTRICAS (FLEX) ===== */
.panel-metricas[b-0k0s18lipg] {
    display: flex;                            /* Contenedor flex */
    flex-wrap: wrap;                          /* Permite wrap */
    gap: 0.5rem;                              /* Espacio entre elementos */
    margin-top: 1rem;                         /* Separación superior */
    width: 100%;                              /* Ocupa todo el ancho */
}

.panel-col[b-0k0s18lipg] {
    vertical-align: top;                      /* Alineado arriba */
    flex-grow: 1;                             /* Crece para llenar espacio en PC */
}

.panel-col-pie[b-0k0s18lipg] {
    min-width: 8.125rem;                      /* Mínimo 130px */
}

.panel-col-cdb[b-0k0s18lipg] {
    min-width: 9.375rem;                      /* Mínimo 150px */
    text-align: center;                       /* Centrado */
}

.grafica-pie-container[b-0k0s18lipg] {
    width: 9rem;                              /* 144px */
    height: 9rem;                             /* 144px */
}

/* ===== COLUMNAS DE MÉTRICAS ===== */
.columna-textos-proceso[b-0k0s18lipg] {
    min-width: 9.5rem;                        /* Mínimo 152px */
    flex-grow: 2;                             /* Crece más que gráficas en PC */
    padding-right: 0.9375rem;                 /* Separación derecha (15px) */
    line-height: 1.6;                         /* Altura de línea PC */
    text-align: center;                       /* Centrado */
}

.columna-textos-terminados[b-0k0s18lipg] {
    min-width: 9.5rem;                        /* Mínimo 152px */
    flex-grow: 2;                             /* Crece más que gráficas en PC */
    line-height: 1.4;                         /* Altura de línea PC */
    text-align: center;                       /* Centrado */
}

.metrica-seccion[b-0k0s18lipg] {
    margin-top: 0.125rem;                     /* Separación superior (2px) */
}

/* ===== MÉTRICAS - NUEVOS ===== */
.lbl-nuevos-metrica[b-0k0s18lipg] {
    color: #FFCC33;                           /* Amarillo dorado */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-nuevos-texto[b-0k0s18lipg] {
    color: #FFCC33;                           /* Amarillo dorado */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* ===== MÉTRICAS - POR AUTORIZAR ===== */
.lbl-xaut-metrica[b-0k0s18lipg] {
    color: #990066;                           /* Magenta oscuro */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-xaut-texto[b-0k0s18lipg] {
    color: #990066;                           /* Magenta oscuro */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

/* ===== MÉTRICAS - SIN ASIGNAR ===== */
.lbl-sinasignar-metrica[b-0k0s18lipg] {
    color: #A9A9A9;                           /* Gris medio */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.lbl-sinasignar-texto[b-0k0s18lipg] {
    color: #A9A9A9;                           /* Gris medio */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== MÉTRICAS - EN PROCESO / TERMINADOS ===== */
.lbl-proceso-metrica[b-0k0s18lipg] {
    color: #000000;                           /* Negro */
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-proceso-texto[b-0k0s18lipg] {
    color: #000000;                           /* Negro */
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    font-weight: bold;                        /* Negritas */
}

/* ===== MÉTRICAS - EN TIEMPO ===== */
.lbl-entiempo-metrica[b-0k0s18lipg] {
    color: #4169E1;                           /* Azul royal */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-entiempo-texto-en[b-0k0s18lipg] {
    color: #4169E1;                           /* Azul royal */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.lbl-entiempo-texto[b-0k0s18lipg] {
    color: #4169E1;                           /* Azul royal */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

.lbl-entiempo-porcentaje[b-0k0s18lipg] {
    color: #4169E1;                           /* Azul royal */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== MÉTRICAS - TARDE ===== */
.lbl-tarde-metrica[b-0k0s18lipg] {
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-tarde-porcentaje[b-0k0s18lipg] {
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== MÉTRICAS - POR CONFIRMAR ===== */
.lbl-xconf-metrica[b-0k0s18lipg] {
    color: #20B2AA;                           /* Verde agua */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-xconf-texto[b-0k0s18lipg] {
    color: #20B2AA;                           /* Verde agua */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
}

/* ===== MÉTRICAS - TERMINADOS ===== */
.lbl-terminados-metrica[b-0k0s18lipg] {
    color: #000000;                           /* Negro */
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-terminados-texto[b-0k0s18lipg] {
    color: #000000;                           /* Negro */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
}

/* ===== MÉTRICAS - TERMINADOS SUPERIOR ===== */
.lbl-tsuper-metrica[b-0k0s18lipg] {
    color: #800080;                           /* Morado */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-tsuper-texto[b-0k0s18lipg] {
    color: #800080;                           /* Morado */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== MÉTRICAS - TERMINADOS EN TIEMPO ===== */
.lbl-ttiempo-metrica[b-0k0s18lipg] {
    color: #228B22;                           /* Verde bosque */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-ttiempo-texto-en[b-0k0s18lipg] {
    color: #228B22;                           /* Verde bosque */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.lbl-ttiempo-texto[b-0k0s18lipg] {
    color: #228B22;                           /* Verde bosque */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

.lbl-ttiempo-porcentaje[b-0k0s18lipg] {
    color: #228B22;                           /* Verde bosque */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== MÉTRICAS - TERMINADOS TARDE ===== */
.lbl-ttarde-metrica[b-0k0s18lipg] {
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-ttarde-porcentaje[b-0k0s18lipg] {
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== MÉTRICAS - CANCELADOS ===== */
.lbl-cancelados-metrica[b-0k0s18lipg] {
    color: #A9A9A9;                           /* Gris medio */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-cancelados-texto[b-0k0s18lipg] {
    color: #A9A9A9;                           /* Gris medio */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* ===== MÉTRICAS - RECHAZADOS ===== */
.lbl-rechazados-metrica[b-0k0s18lipg] {
    color: #FF8C00;                           /* Naranja oscuro */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-rechazados-texto[b-0k0s18lipg] {
    color: #FF8C00;                           /* Naranja oscuro */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
}

/* ===== MÉTRICAS - CUELLOS DE BOTELLA ===== */
.lbl-cdb-metrica[b-0k0s18lipg] {
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-14pt);             /* Tamaño 14pt */
    font-weight: bold;                        /* Negritas */
}

.lbl-cdb-texto[b-0k0s18lipg] {
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
}

/* ===== UTILIDADES ===== */
.action-link[b-0k0s18lipg] {
    cursor: pointer;                          /* Cursor de mano */
    text-decoration: none;                    /* Sin subrayado */
}

.action-link:hover[b-0k0s18lipg] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== TABS DE GRÁFICA ===== */
.tabs-container[b-0k0s18lipg] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    width: 100%;                              /* Ancho completo responsive */
    border-top: none;                         /* Sin borde superior */
    padding-top: 0.3125rem;                   /* Padding superior (5px) */
    border-collapse: collapse;                /* Bordes colapsados */
    table-layout: fixed;                      /* Layout fijo */
}

.tabs-row[b-0k0s18lipg] {
    height: 1.5625rem;                        /* Altura de fila (25px) */
    text-align: center;                       /* Centrado */
}

.tab-cell[b-0k0s18lipg] {
    border: none;                             /* Sin borde */
    border-top: 1px solid gray;               /* Borde superior gris */
    border-left: 1px solid gray;              /* Borde izquierdo gris */
    border-right: 1px solid gray;             /* Borde derecho gris */
}

.tab-width-1[b-0k0s18lipg],
.tab-width-2[b-0k0s18lipg],
.tab-width-3[b-0k0s18lipg] {
    width: 30%;                               /* Ancho de cada tab */
}

.tab-cell.tab-active[b-0k0s18lipg] {
    background-color: #F5F5F5;                /* Fondo tab activo */
}

.tab-cell.tab-inactive[b-0k0s18lipg] {
    background-color: Gainsboro;              /* Fondo tab inactivo */
}

.tab-link[b-0k0s18lipg] {
    text-decoration: none;                    /* Sin subrayado */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
    width: 100%;                              /* Ancho completo */
    height: 100%;                             /* Alto completo */
}

.tab-active .tab-link[b-0k0s18lipg] {
    color: Black;                             /* Texto tab activo */
    font-weight: bold;                        /* Negrita tab activo */
}

.tab-inactive .tab-link[b-0k0s18lipg] {
    color: DimGray;                           /* Texto tab inactivo */
    font-weight: normal;                      /* Normal tab inactivo */
}

.tab-spacer[b-0k0s18lipg] {
    width: 5%;                                /* Espacio entre tabs */
}

/* ===== GRÁFICA HISTÓRICA ===== */
.grafica-container[b-0k0s18lipg] {
    width: 100%;                              /* Ancho completo responsive */
    height: calc(100vh - 23.1rem);              /* Altura dinámica (pantalla - offset + aire) */
    min-height: 15rem;                        /* Mínimo 240px */
    background-color: #F5F5F5;                /* Gris muy claro */
    border: 1px solid #ddd;                   /* Borde gris claro */
    padding: 0.625rem;                        /* Espaciado interno (10px) */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    /* Fila 1: Textos-Proceso está en MEDIO (entre 2 pies) → absorbe espacio */
    .columna-textos-proceso[b-0k0s18lipg] {
        min-width: 5rem;                      /* Reducido: textos abreviados ocupan menos */
        width: auto;                          /* Ancho automático */
        padding: 0.3rem;                      /* Padding compacto */
        padding-top: 0;                       /* Pegado arriba */
        margin-top: 0;                        /* Sin margen superior */
        line-height: 1;                       /* Interlineado compacto */
        flex-grow: 1;                         /* CRECE: está en medio de la fila 1 */
    }

    /* Fila 2: Textos-Terminados está a la IZQ → ancho fijo igual a CdB para centrar Pie-2 */
    .columna-textos-terminados[b-0k0s18lipg] {
        width: 7rem;                          /* Igual que CdB → Pie-2 centrado (ambos lados = 7.5rem) */
        min-width: 7rem;                      /* No se encoge */
        padding: 0.3rem;                      /* Padding compacto */
        padding-top: 0;                       /* Pegado arriba */
        margin-top: 0;                        /* Sin margen superior */
        line-height: 1;                       /* Interlineado compacto */
        flex-grow: 0;                         /* NO crece: ancho fijo para alinear */
    }

    /* Gráficas de pie: 40% más grandes que antes */
    .panel-col-pie[b-0k0s18lipg] {
        width: 5.5rem;                        /* 40% más grande (era 4rem) */
        min-width: 5.5rem;                    /* No se encoge más */
        flex-grow: 0;                         /* No crece (default) */
    }

    .grafica-pie-container[b-0k0s18lipg] {
        width: 5.5rem;                        /* 40% más grande (era 4rem) */
        height: 5.5rem;                       /* 40% más grande (era 4rem) */
    }

    /* Fila 2: Pie-2 está en MEDIO → absorbe espacio y centra la gráfica */
    .br-movil:last-child .panel-col-pie[b-0k0s18lipg] {
        flex-grow: 1;                         /* CRECE: está en medio de la fila 2 */
        display: flex;                        /* Flex para centrar el pie dentro */
        justify-content: center;              /* Centra la gráfica en el espacio */
    }

    /* Cuellos de Botella: mismo ancho que Textos-T → Pie-2 queda centrado */
    .panel-col-cdb[b-0k0s18lipg] {
        width: 7rem;                          /* Igual que Textos-T → Pie-2 centrado */
        min-width: 7rem;                      /* No se encoge más */
        display: flex;                        /* Flex para apilar */
        flex-direction: column;               /* Apilado vertical */
        align-items: center;                  /* Centrado horizontal */
        flex-grow: 0;                         /* No crece */
    }

    .img-cdb[b-0k0s18lipg] {
        width: 6rem;                          /* Más grande, cabe bien en 7rem de columna */
        height: auto;                         /* Mantiene proporción */
    }

    /* Gráfica histórica */
    .grafica-container[b-0k0s18lipg] {
        height: 15rem;                        /* Altura reducida en celular */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-0k0s18lipg] {
    --spinner-color: var(--color-panel);
}
/* _content/SiREI_2026/Components/Pages/02Req/Formularios/ID_0000c.razor.rz.scp.css */
/*
   ID_0000c.razor.css
   Formulario base de captura.
   Usa estructura dato-row de ReqNuevoCaptura para alineación.
*/

/* ===== FILA DE DATOS (heredada de ReqNuevoCaptura) ===== */
.dato-row[b-27r02qv0c5] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    display: flex;                            /* Flexbox */
    flex-wrap: wrap;                          /* Permite wrap en móvil */
    width: 100%;                              /* Ancho completo */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== LABEL ALINEADA (heredada de ReqNuevoCaptura) ===== */
.label-alineada[b-27r02qv0c5] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    width: 10rem;                             /* Ancho fijo (160px) */
    text-align: right;                        /* Alineado derecha */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
    flex-shrink: 0;                           /* No encoge */
}

/* ===== LABEL CON MÚLTIPLES LÍNEAS ===== */
.label-multilinea[b-27r02qv0c5] {
    vertical-align: top;                      /* Alineado arriba */
    line-height: 1.4;                         /* Altura de línea */
}

/* ===== TEXTO DE INSTRUCCIONES ===== */
.texto-instruccion[b-27r02qv0c5] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #666666;                           /* Gris oscuro */
}

/* ===== TEXTO DE LÍMITE DE CARACTERES ===== */
.texto-limite[b-27r02qv0c5] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #999999;                           /* Gris medio */
}

/* ===== CONTENEDOR DE VALOR ===== */
.text-dato[b-27r02qv0c5] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    flex: 1;                                  /* Ocupa espacio restante */
    min-width: 12.5rem;                       /* Ancho mínimo (200px) */
    text-align: left;                         /* Alineado izquierda */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== TEXTAREA ESTILO SIREI ===== */
.textarea-sirei[b-27r02qv0c5] {
    width: 80%;                               /* Ancho 80% */
    min-height: 5.75rem;                      /* Altura mínima (92px) */
    padding: 0.31rem;                         /* Padding (5px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 4px;                       /* Bordes redondeados */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-family: inherit;                     /* Hereda fuente */
    resize: vertical;                         /* Solo redimensiona vertical */
}

.textarea-sirei:focus[b-27r02qv0c5] {
    outline: none;                            /* Sin outline */
    box-shadow: 0 0 3px rgba(255, 215, 0, 0.5); /* Sombra amarilla SiREI */
}

/* ===== VALIDACIÓN ===== */
.validation-error[b-27r02qv0c5] {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-16pt);             /* Tamaño 16pt (x-large) */
    margin-left: 0.31rem;                     /* Margen izquierdo (5px) */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .label-alineada[b-27r02qv0c5] {
        text-align: left;                     /* Alineado izquierda en móvil */
        width: 100%;                          /* Ancho completo */
        margin-bottom: 0.25rem;               /* Margen inferior (4px) */
    }

    .text-dato[b-27r02qv0c5] {
        width: 100%;                          /* Ancho completo */
        min-width: 100%;                      /* Sin ancho mínimo */
    }

    .textarea-sirei[b-27r02qv0c5] {
        width: 100%;                          /* Ancho completo */
    }
}
/* _content/SiREI_2026/Components/Pages/02Req/Formularios/ID_0000d.razor.rz.scp.css */
/*
   ID_0000d.razor.css
   Formulario de detalle base.
   Usa estructura dato-row de ReqNuevoCaptura para alineación.
*/

/* ===== FILA DE DATOS (heredada de ReqNuevoCaptura) ===== */
.dato-row[b-sr2oc0lzqi] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    display: flex;                            /* Flexbox */
    flex-wrap: wrap;                          /* Permite wrap en móvil */
    align-items: center;                      /* Alineado vertical centrado */
    gap: 0.15rem 0.4rem;                      /* Espaciado entre items (match ReqDetalle) */
    width: 100%;                              /* Ancho completo */
}

/* ===== LABEL ALINEADA (heredada de ReqNuevoCaptura) ===== */
.label-alineada[b-sr2oc0lzqi] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    width: 10rem;                             /* Ancho fijo (160px) */
    text-align: right;                        /* Alineado derecha */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
    flex-shrink: 0;                           /* No encoge */
}

/* ===== CONTENEDOR DE VALOR ===== */
.text-dato[b-sr2oc0lzqi] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (match ReqDetalle) */
    flex: 1;                                  /* Ocupa espacio restante */
    min-width: 12.5rem;                       /* Ancho mínimo (200px) */
    text-align: left;                         /* Alineado izquierda */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== VALOR DE DETALLE (solo lectura) ===== */
.valor-detalle[b-sr2oc0lzqi] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (match text-dato de ReqDetalle) */
    line-height: 1.4;                         /* Altura de línea */
    color: #333333;                           /* Gris oscuro */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .label-alineada[b-sr2oc0lzqi] {
        text-align: left;                     /* Alineado izquierda en móvil */
        width: 100%;                          /* Ancho completo */
        margin-bottom: 0.25rem;               /* Margen inferior (4px) */
    }

    .text-dato[b-sr2oc0lzqi] {
        width: 100%;                          /* Ancho completo */
        min-width: 100%;                      /* Sin ancho mínimo */
    }
}
/* _content/SiREI_2026/Components/Pages/02Req/Formularios/ID_0001c.razor.rz.scp.css */
/*
   ID_0001c.razor.css
   Formulario con Sucursal (Estado + Sucursal).
   Sistema de validación profesional con input-error y validation-message.
*/

/* ===== FILA DE DATOS (heredada de ReqNuevoCaptura) ===== */
.dato-row[b-65f3ki0kr4] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    display: flex;                            /* Flexbox */
    flex-wrap: wrap;                          /* Permite wrap en móvil */
    width: 100%;                              /* Ancho completo */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== LABEL ALINEADA (heredada de ReqNuevoCaptura) ===== */
.label-alineada[b-65f3ki0kr4] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    width: 10rem;                             /* Ancho fijo (160px) */
    text-align: right;                        /* Alineado derecha */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
    flex-shrink: 0;                           /* No encoge */
}

/* ===== LABEL CON MÚLTIPLES LÍNEAS ===== */
.label-multilinea[b-65f3ki0kr4] {
    vertical-align: top;                      /* Alineado arriba */
    line-height: 1.4;                         /* Altura de línea */
}

/* ===== TEXTO DE INSTRUCCIONES ===== */
.texto-instruccion[b-65f3ki0kr4] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #666666;                           /* Gris oscuro */
}

/* ===== TEXTO DE LÍMITE DE CARACTERES ===== */
.texto-limite[b-65f3ki0kr4] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #999999;                           /* Gris medio */
}

/* ===== CONTENEDOR DE VALOR ===== */
.text-dato[b-65f3ki0kr4] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    flex: 1;                                  /* Ocupa espacio restante */
    min-width: 12.5rem;                       /* Ancho mínimo (200px) */
    text-align: left;                         /* Alineado izquierda */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== SELECT ESTILO SIREI ===== */
.select-sirei[b-65f3ki0kr4] {
    padding: 0.25rem;                         /* Padding (4px) */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 4px;                       /* Bordes redondeados */
    min-width: 11rem;                         /* Ancho mínimo (176px) */
}

.select-sirei:focus[b-65f3ki0kr4] {
    outline: none;                            /* Sin outline */
    box-shadow: 0 0 3px rgba(255, 215, 0, 0.5); /* Sombra amarilla SiREI */
}

/* ===== TEXTAREA ESTILO SIREI ===== */
.textarea-sirei[b-65f3ki0kr4] {
    width: 80%;                               /* Ancho 80% */
    min-height: 5.75rem;                      /* Altura mínima (92px) */
    padding: 0.31rem;                         /* Padding (5px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 4px;                       /* Bordes redondeados */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-family: inherit;                     /* Hereda fuente */
    resize: vertical;                         /* Solo redimensiona vertical */
}

.textarea-sirei:focus[b-65f3ki0kr4] {
    outline: none;                            /* Sin outline */
    box-shadow: 0 0 3px rgba(255, 215, 0, 0.5); /* Sombra amarilla SiREI */
}

/* ===== SISTEMA DE VALIDACIÓN PROFESIONAL ===== */

/* Input con error (borde rojo sutil) */
.input-error[b-65f3ki0kr4] {
    border-color: #DC3545 !important;         /* Rojo Bootstrap */
    box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.25); /* Sombra roja sutil */
}

.input-error:focus[b-65f3ki0kr4] {
    border-color: #DC3545;                    /* Rojo Bootstrap */
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.25); /* Sombra roja más intensa */
}

/* Asterisco de validación (pequeño y alineado) */
.validation-asterisk[b-65f3ki0kr4] {
    color: #DC3545;                           /* Rojo Bootstrap */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    margin-left: 0.25rem;                     /* Margen izquierdo (4px) */
    vertical-align: middle;                   /* Alineado vertical medio */
}

/* Mensaje de error (OBLIGATORIO cuando hay error) */
.validation-message[b-65f3ki0kr4] {
    color: #DC3545;                           /* Rojo Bootstrap */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    margin-top: 0.25rem;                      /* Margen superior (4px) */
    margin-left: 0;                           /* Sin margen izquierdo */
}

/* DEPRECADO: .validation-error reemplazado por validation-asterisk + validation-message */

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .label-alineada[b-65f3ki0kr4] {
        text-align: left;                     /* Alineado izquierda en móvil */
        width: 100%;                          /* Ancho completo */
        margin-bottom: 0.25rem;               /* Margen inferior (4px) */
    }

    .text-dato[b-65f3ki0kr4] {
        width: 100%;                          /* Ancho completo */
        min-width: 100%;                      /* Sin ancho mínimo */
    }

    .textarea-sirei[b-65f3ki0kr4] {
        width: 100%;                          /* Ancho completo */
    }

    .select-sirei[b-65f3ki0kr4] {
        width: 100%;                          /* Ancho completo */
    }
}
/* _content/SiREI_2026/Components/Pages/02Req/Formularios/ID_0001d.razor.rz.scp.css */
/*
   ID_0001d.razor.css
   Formulario de detalle con Sucursal (Estado + Sucursal).
   Usa estructura dato-row de ReqNuevoCaptura para alineación.
*/

/* ===== FILA DE DATOS (heredada de ReqNuevoCaptura) ===== */
.dato-row[b-l2ywvi39be] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    display: flex;                            /* Flexbox */
    flex-wrap: wrap;                          /* Permite wrap en móvil */
    align-items: center;                      /* Alineado vertical centrado */
    gap: 0.15rem 0.4rem;                      /* Espaciado entre items (match ReqDetalle) */
    width: 100%;                              /* Ancho completo */
}

/* ===== LABEL ALINEADA (heredada de ReqNuevoCaptura) ===== */
.label-alineada[b-l2ywvi39be] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    width: 10rem;                             /* Ancho fijo (160px) */
    text-align: right;                        /* Alineado derecha */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
    flex-shrink: 0;                           /* No encoge */
}

/* ===== CONTENEDOR DE VALOR ===== */
.text-dato[b-l2ywvi39be] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (match ReqDetalle) */
    flex: 1;                                  /* Ocupa espacio restante */
    min-width: 12.5rem;                       /* Ancho mínimo (200px) */
    text-align: left;                         /* Alineado izquierda */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== VALOR DE DETALLE (solo lectura) ===== */
.valor-detalle[b-l2ywvi39be] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (match text-dato de ReqDetalle) */
    line-height: 1.4;                         /* Altura de línea */
    color: #333333;                           /* Gris oscuro */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .label-alineada[b-l2ywvi39be] {
        text-align: left;                     /* Alineado izquierda en móvil */
        width: 100%;                          /* Ancho completo */
        margin-bottom: 0.25rem;               /* Margen inferior (4px) */
    }

    .text-dato[b-l2ywvi39be] {
        width: 100%;                          /* Ancho completo */
        min-width: 100%;                      /* Sin ancho mínimo */
    }
}
/* _content/SiREI_2026/Components/Pages/02Req/Formularios/ID_0005c.razor.rz.scp.css */
/*
   ID_0005c.razor.css
   Formulario con Monto Solicitado.
   Sistema de validación profesional con input-error y validation-message.
*/

/* ===== FILA DE DATOS (heredada de ReqNuevoCaptura) ===== */
.dato-row[b-we7sz9vkal] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    display: flex;                            /* Flexbox */
    flex-wrap: wrap;                          /* Permite wrap en móvil */
    width: 100%;                              /* Ancho completo */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== LABEL ALINEADA (heredada de ReqNuevoCaptura) ===== */
.label-alineada[b-we7sz9vkal] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    width: 10rem;                             /* Ancho fijo (160px) */
    text-align: right;                        /* Alineado derecha */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
    flex-shrink: 0;                           /* No encoge */
}

/* ===== LABEL CON MÚLTIPLES LÍNEAS ===== */
.label-multilinea[b-we7sz9vkal] {
    vertical-align: top;                      /* Alineado arriba */
    line-height: 1.4;                         /* Altura de línea */
}

/* ===== TEXTO DE INSTRUCCIONES ===== */
.texto-instruccion[b-we7sz9vkal] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #666666;                           /* Gris oscuro */
}

/* ===== TEXTO DE LÍMITE DE CARACTERES ===== */
.texto-limite[b-we7sz9vkal] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #999999;                           /* Gris medio */
}

/* ===== CONTENEDOR DE VALOR ===== */
.text-dato[b-we7sz9vkal] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    flex: 1;                                  /* Ocupa espacio restante */
    min-width: 12.5rem;                       /* Ancho mínimo (200px) */
    text-align: left;                         /* Alineado izquierda */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== INPUT DE MONEDA (PROFESIONAL) ===== */
.input-moneda-container[b-we7sz9vkal] {
    display: inline-flex;                     /* Flex inline */
    align-items: center;                      /* Centrado vertical */
    gap: 0.25rem;                             /* Espacio (4px) */
}

.input-moneda-prefijo[b-we7sz9vkal] {
    font-weight: bold;                        /* Negritas */
    color: #333333;                           /* Gris oscuro */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.input-moneda[b-we7sz9vkal] {
    width: 10rem;                             /* Ancho (160px) */
    padding: 0.25rem 0.5rem;                  /* Padding (4px 8px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    text-align: right;                        /* Alineado derecha */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 4px;                       /* Bordes redondeados */
}

.input-moneda:focus[b-we7sz9vkal] {
    outline: none;                            /* Sin outline */
    box-shadow: 0 0 3px rgba(255, 215, 0, 0.5); /* Sombra amarilla SiREI */
}

/* ===== TEXTAREA ESTILO SIREI ===== */
.textarea-sirei[b-we7sz9vkal] {
    width: 80%;                               /* Ancho 80% */
    min-height: 5.75rem;                      /* Altura mínima (92px) */
    padding: 0.31rem;                         /* Padding (5px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 4px;                       /* Bordes redondeados */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-family: inherit;                     /* Hereda fuente */
    resize: vertical;                         /* Solo redimensiona vertical */
}

.textarea-sirei:focus[b-we7sz9vkal] {
    outline: none;                            /* Sin outline */
    box-shadow: 0 0 3px rgba(255, 215, 0, 0.5); /* Sombra amarilla SiREI */
}

/* ===== SISTEMA DE VALIDACIÓN PROFESIONAL ===== */

/* Input con error (borde rojo sutil) */
.input-error[b-we7sz9vkal] {
    border-color: #DC3545 !important;         /* Rojo Bootstrap */
    box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.25); /* Sombra roja sutil */
}

.input-error:focus[b-we7sz9vkal] {
    border-color: #DC3545;                    /* Rojo Bootstrap */
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.25); /* Sombra roja más intensa */
}

/* Asterisco de validación (pequeño y alineado) */
.validation-asterisk[b-we7sz9vkal] {
    color: #DC3545;                           /* Rojo Bootstrap */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    margin-left: 0.25rem;                     /* Margen izquierdo (4px) */
    vertical-align: middle;                   /* Alineado vertical medio */
}

/* Mensaje de error (OBLIGATORIO cuando hay error) */
.validation-message[b-we7sz9vkal] {
    color: #DC3545;                           /* Rojo Bootstrap */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    margin-top: 0.25rem;                      /* Margen superior (4px) */
    margin-left: 0;                           /* Sin margen izquierdo */
}

/* DEPRECADO: .validation-error, .input-monto-sirei, .simbolo-moneda */

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .label-alineada[b-we7sz9vkal] {
        text-align: left;                     /* Alineado izquierda en móvil */
        width: 100%;                          /* Ancho completo */
        margin-bottom: 0.25rem;               /* Margen inferior (4px) */
    }

    .text-dato[b-we7sz9vkal] {
        width: 100%;                          /* Ancho completo */
        min-width: 100%;                      /* Sin ancho mínimo */
    }

    .textarea-sirei[b-we7sz9vkal] {
        width: 100%;                          /* Ancho completo */
    }

    .input-moneda[b-we7sz9vkal] {
        width: 100%;                          /* Ancho completo */
    }

    .input-moneda-container[b-we7sz9vkal] {
        width: 100%;                          /* Ancho completo */
    }
}
/* _content/SiREI_2026/Components/Pages/02Req/Formularios/ID_0005d.razor.rz.scp.css */
/*
   ID_0005d.razor.css
   Formulario de detalle con Monto Solicitado.
   Usa estructura dato-row de ReqNuevoCaptura para alineación.
*/

/* ===== FILA DE DATOS (heredada de ReqNuevoCaptura) ===== */
.dato-row[b-iy7j2wk4a4] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    display: flex;                            /* Flexbox */
    flex-wrap: wrap;                          /* Permite wrap en móvil */
    align-items: center;                      /* Alineado vertical centrado */
    gap: 0.15rem 0.4rem;                      /* Espaciado entre items (match ReqDetalle) */
    width: 100%;                              /* Ancho completo */
}

/* ===== LABEL ALINEADA (heredada de ReqNuevoCaptura) ===== */
.label-alineada[b-iy7j2wk4a4] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    width: 10rem;                             /* Ancho fijo (160px) */
    text-align: right;                        /* Alineado derecha */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
    flex-shrink: 0;                           /* No encoge */
}

/* ===== CONTENEDOR DE VALOR ===== */
.text-dato[b-iy7j2wk4a4] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (match ReqDetalle) */
    flex: 1;                                  /* Ocupa espacio restante */
    min-width: 12.5rem;                       /* Ancho mínimo (200px) */
    text-align: left;                         /* Alineado izquierda */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== VALOR DE DETALLE (solo lectura) ===== */
.valor-detalle[b-iy7j2wk4a4] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (match text-dato de ReqDetalle) */
    line-height: 1.4;                         /* Altura de línea */
    color: #333333;                           /* Gris oscuro */
}

/* ===== VALOR DE MONEDA (formato especial) ===== */
.valor-moneda[b-iy7j2wk4a4] {
    font-weight: bold;                        /* Negritas */
    color: #006600;                           /* Verde oscuro (dinero) */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .label-alineada[b-iy7j2wk4a4] {
        text-align: left;                     /* Alineado izquierda en móvil */
        width: 100%;                          /* Ancho completo */
        margin-bottom: 0.25rem;               /* Margen inferior (4px) */
    }

    .text-dato[b-iy7j2wk4a4] {
        width: 100%;                          /* Ancho completo */
        min-width: 100%;                      /* Sin ancho mínimo */
    }
}
/* _content/SiREI_2026/Components/Pages/02Req/ReqConsulta.razor.rz.scp.css */
/*
   ReqConsulta.razor.css
   Consulta de requerimientos con filtros y listado.
   Muestra estado, prioridad y acciones disponibles.
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal-sirei[b-fq9k7x250v] {
    padding-top: 0;                           /* Pega la barra de filtros al SiREI */
}

/* ===== BARRA DE FILTROS ===== */
.barra-filtros[b-fq9k7x250v] {
    background-color: #FFF7CC;                /* Amarillo - módulo Requerimientos */
}

/* ===== BARRA DE PAGINADOR ===== */
/* Se toma del app.css */

/* ===== LISTA DE REQUERIMIENTOS ===== */
.requerimientos-list[b-fq9k7x250v] {
    background-color: #FFFFFF;                /* Fondo blanco */
    padding: 0;                               /* Sin padding */
    margin: 0;                                /* Sin margen */
}

.req-item[b-fq9k7x250v] {
    display: flex;                            /* Flexbox horizontal */
    gap: 0.6rem;                              /* Espacio entre elementos (~10px) */
    padding: 0.6rem 0;                        /* Padding vertical (~10px) */
    border-bottom: 1px solid #A9A9A9;         /* Borde inferior gris medio (DarkGray) */
    background-color: #FFFFFF;                /* Fondo blanco */
    line-height: var(--line-height-compacto); /* Altura de línea compacta */
}

.req-item:nth-child(even)[b-fq9k7x250v] {
    background-color: #FFFFFF;                /* Fondo blanco para pares */
}

.req-left-panel[b-fq9k7x250v] {
    text-align: center;                       /* Centrado horizontal */
    flex-shrink: 0;                           /* No encoge */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    align-items: center;                      /* Centrado horizontal */
    gap: 0.31rem;                             /* Espacio entre elementos (5px) */
}

.label-urge[b-fq9k7x250v] {
    padding: 0.19rem 1.31rem;                 /* Padding (3px 21px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    width: 5rem;                              /* Ancho fijo (80px) */
    margin-top: 0.5rem;                       /* Margen superior (8px) */
}

.label-prioridad-small[b-fq9k7x250v] {
    margin-top: 0.4rem;                       /* Separación entre URGE y combo */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.ddl-prioridad[b-fq9k7x250v] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    width: 5rem;                              /* Ancho fijo (80px) */
}

/* ===== INFORMACIÓN DEL REQ ===== */
.req-content[b-fq9k7x250v] {
    flex: 1;                                  /* Ocupa espacio restante */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.req-header[b-fq9k7x250v] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
}

.req-motivo[b-fq9k7x250v] {
    margin-bottom: 0.3rem;                    /* Margen inferior (5px) */
}

.req-info[b-fq9k7x250v] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
}

.req-titulo[b-fq9k7x250v] {
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
    text-decoration: none;                    /* Sin subrayado */
    margin-right: 0.63rem;                    /* Margen derecho (10px) */
}

.req-titulo:hover[b-fq9k7x250v] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== LABELS DE ESTADO ===== */
.status-xautorizar[b-fq9k7x250v] {
    color: #990066;                           /* Magenta oscuro */
}

.status-autoriza[b-fq9k7x250v] {
    color: #990066;                           /* Magenta oscuro */
    margin-right: 0.5rem;                     /* Para que otra etiqueta (TARDE por ejem) no quede pegada */
}

.status-sin-asignar[b-fq9k7x250v] {
    color: #808080;                           /* Gris */
}

.status-en-proceso[b-fq9k7x250v] {
    color: var(--color-home);                 /* Verde - variable del sistema */
}

.status-terminado[b-fq9k7x250v] {
    background-color: #00C000;                /* Verde brillante */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
}

.status-rechazado[b-fq9k7x250v] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
}

.status-cancelado[b-fq9k7x250v] {
    color: #FF0000;                           /* Rojo */
}

.status-super[b-fq9k7x250v] {
    background-color: #800080;                /* Morado (Purple) */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
}

.status-tarde-proceso[b-fq9k7x250v] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
}

.status-tarde-terminado[b-fq9k7x250v] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
}

.link-devuelto[b-fq9k7x250v] {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    margin-left: 0;                           /* Ajustar según página */
}

.link-confirmar[b-fq9k7x250v] {
    color: #C00000;                           /* Rojo oscuro */
    font-weight: bold;                        /* Negritas */
    text-decoration: none;                    /* Sin subrayado */
}

a.link-confirmar:hover[b-fq9k7x250v] {
    text-decoration: underline;               /* Subrayado al hover solo en links */
}

span.link-confirmar[b-fq9k7x250v] {
    cursor: default;                          /* Cursor normal para spans */
}

.label-small[b-fq9k7x250v] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    font-weight: bold;                        /* Negritas */
}

.label-procesa[b-fq9k7x250v] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    font-weight: bold;                        /* Negritas */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
}

.text-procesa[b-fq9k7x250v] {
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
}

/* ===== ACCIONES Y BOTONES ===== */
.req-actions[b-fq9k7x250v] {
    display: flex;                            /* Flexbox */
    gap: 0.5rem;                              /* Espacio entre botones (8px) */
    flex-wrap: wrap;                          /* Permite wrap en móvil */
    align-items: center;                      /* Centrado vertical */
}

.link-log[b-fq9k7x250v] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #696969;                           /* Gris oscuro (DimGray) */
}

.link-depende[b-fq9k7x250v] {
    color: #0066CC;                           /* Azul link */
}

/* El formato general lo toma de app.css (boton-chico) */

.btn-autorizar[b-fq9k7x250v] {
    background-color: #990066;                /* Morado / Magenta Oscuro */
    color: #FFFFFF;                           /* Blanco */
}

.btn-asignar[b-fq9k7x250v] {
    background-color: #FADD75;                /* Amarillo Crema / Arena */
}

.btn-encadenar[b-fq9k7x250v] {
    background-color: #7581FA;                /* Azul Lavanda / Pervinca */
}

.btn-terminado[b-fq9k7x250v] {
    background-color: #72FA98;                /* Verde Menta Brillante */
}

.btn-rechazar[b-fq9k7x250v] {
    background-color: #FF7C80;                /* Coral / Rojo Suave */
}

.btn-cancelar[b-fq9k7x250v] {
    background-color: #66677A;                /* Gris Azulado / Pizarra */
    color: #FFFFFF;                           /* Blanco */
}

.btn-urge[b-fq9k7x250v] {
    background-color: #FF5757;                /* Rojo Intenso / Alerta */
    color: #FFFFFF;                           /* Blanco */
}

/* Spinner del módulo */
.sirei-spinner[b-fq9k7x250v] {
    --spinner-color: var(--color-reqs);
}
/* _content/SiREI_2026/Components/Pages/02Req/ReqDetalle.razor.rz.scp.css */
/*
   ReqDetalle.razor.css
   Detalle de un requerimiento con estado y acciones.
   Colores exactos de ReqConsulta.
*/

/* ===== INPUT NUMBER SIN FLECHAS ===== */
.barra-filtros-input-req[b-tlnfjub6ki]::-webkit-inner-spin-button,
.barra-filtros-input-req[b-tlnfjub6ki]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.barra-filtros-input-req[b-tlnfjub6ki] {
    -moz-appearance: textfield;                   /* Firefox */
}

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal-sirei[b-tlnfjub6ki] {
    padding-top: 0;                           /* Pega la barra de filtros al SiREI */
}

/* ===== BARRA DE FILTROS ===== */
.barra-filtros[b-tlnfjub6ki] {
    background-color: #FFF7CC;                /* Amarillo - módulo Requerimientos */
}

/* ===== PANEL OK (Datos del req) ===== */
.panel-ok[b-tlnfjub6ki] {
    width: 100%;                              /* Ancho completo */
}

/* ===== LISTA DE CAUSAS (sin resultados) ===== */
.lista-causas[b-tlnfjub6ki] {
    display: inline-block;                    /* Bloque inline */
    text-align: left;                         /* Alineado izquierda */
}

.lista-causas li[b-tlnfjub6ki] {
    padding-left: 0.5rem;                     /* Sangría izquierda (8px) */
}

/* ===== ENCABEZADO: Título y descripción ===== */
.header-box[b-tlnfjub6ki] {
    border: 1px solid #DCF0DC;                /* Borde verde claro */
    padding: 0.5rem;                          /* Padding (8px) */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    margin-top: 1rem;                         /* Margen superior (16px) */
    background-color: #FFFFFF;                /* Fondo blanco */
    text-align: center;                       /* Centrado */
}

.titulo-req[b-tlnfjub6ki] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-11pt);             /* Tamaño 11pt (Consulta=10pt +1pt) */
    color: #000000;                           /* Negro */
}

.desc-req[b-tlnfjub6ki] {
    font-size: var(--texto-10pt);             /* Tamaño 11pt (igual que text-dato/Motivo) */
    color: #000000;                           /* Negro */
    margin-top: 0.31rem;                      /* Margen superior (5px) */
    white-space: pre-line;                    /* Respeta saltos de línea de BD */
}

/* ===== TIEMPO MÁXIMO DE ENTREGA ===== */
.tme-section[b-tlnfjub6ki] {
    margin-bottom: 0.625rem;                  /* Margen inferior (10px) */
    font-size: var(--texto-9pt);              /* Tamaño 9pt (+1pt) */
    text-align: center;                       /* Centrado */
}

.tme-label[b-tlnfjub6ki] {
    font-weight: normal;                      /* Sin negritas */
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

.tme-value[b-tlnfjub6ki] {
    font-weight: bold;                        /* Negritas */
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

.tme-unit[b-tlnfjub6ki] {
    font-weight: bold;                        /* Negritas */
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

/* ===== LINKS DE POLÍTICA Y EJEMPLO ===== */
.link-politica[b-tlnfjub6ki],
.link-ejemplo[b-tlnfjub6ki] {
    margin-left: 1.25rem;                     /* Margen izquierdo (20px) */
    color: #0066CC;                           /* Azul link */
    text-decoration: none;                    /* Sin subrayado */
}

.link-politica:hover[b-tlnfjub6ki],
.link-ejemplo:hover[b-tlnfjub6ki] {
    text-decoration: underline;               /* Subrayado al hover */
}

.texto-deshabilitado[b-tlnfjub6ki] {
    margin-left: 1.25rem;                     /* Margen izquierdo (20px) */
    color: #808080;                           /* Gris */
    cursor: default;                          /* Cursor normal */
}

/* ===== CONTROLES SECTION ===== */
.controles-section[b-tlnfjub6ki] {
    display: flex;                            /* Flexbox */
    align-items: flex-start;                  /* Alineado arriba */
    margin-bottom: 0.94rem;                   /* Margen inferior (15px) */
    margin-top: 0.94rem;                      /* Margen superior (15px) */
}

.left-controls[b-tlnfjub6ki] {
    width: 6.25rem;                           /* Ancho fijo (100px) */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    align-items: center;                      /* Centrado horizontal */
}

/* ===== LABEL URGE ===== */
.label-urge[b-tlnfjub6ki] {
    background-color: #FF0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
    padding: 0.19rem 1.31rem;                 /* Padding (3px 21px) */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt (Consulta=8pt +1pt) */
    text-align: center;                       /* Centrado */
    border: none;                             /* Sin borde */
    border-radius: 4px;                       /* Bordes redondeados */
    width: 6.25rem;                           /* Ancho (100px) */
}

.label-prioridad[b-tlnfjub6ki] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt (Consulta=8pt +1pt) */
    font-weight: normal;                      /* Sin negritas */
}

.ddl-prioridad[b-tlnfjub6ki] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt (Consulta=8pt +1pt) */
    padding: 0.125rem;                        /* Padding (2px) */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
}

/* ===== BOTONES DE ACCIONES ===== */
/* Usa .boton de app.css (9pt) - aquí solo se definen los colores */

.btn-autorizar[b-tlnfjub6ki] {
    background-color: #990066;                /* Magenta oscuro */
    color: #FFFFFF;                           /* Blanco */
}

.btn-asignar[b-tlnfjub6ki] {
    background-color: #FADD75;                /* Amarillo crema */
}

.btn-encadenar[b-tlnfjub6ki] {
    background-color: #7581FA;                /* Azul lavanda */
}

.btn-terminado[b-tlnfjub6ki] {
    background-color: #72FA98;                /* Verde menta */
}

.btn-rechazar[b-tlnfjub6ki] {
    background-color: #FA7575;                /* Rojo suave */
}

.btn-cancelar[b-tlnfjub6ki] {
    background-color: #66677A;                /* Gris azulado */
    color: #FFFFFF;                           /* Blanco */
}

.btn-urge[b-tlnfjub6ki] {
    background-color: #FF6969;                /* Rojo coral */
    color: #FFFFFF;                           /* Blanco */
}

/* ===== ESTATUS SECTION ===== */
.label-estatus[b-tlnfjub6ki] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt (+1pt) */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
}

/* ===== ETIQUETAS DE ESTADO ===== */
.etiqueta[b-tlnfjub6ki] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    display: inline-block;                    /* Bloque inline */
    padding: 0.1rem 0.4rem;                   /* Padding ajustable */
}

.etiqueta-solo-texto[b-tlnfjub6ki] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (Consulta=10pt +1pt) */
}

.status-xautorizar[b-tlnfjub6ki] {
    color: #990066;                           /* Magenta oscuro */
    font-size: var(--texto-11pt);             /* Tamaño 11pt (Consulta=10pt, Detalle=+1pt) */
}

.status-sublabel[b-tlnfjub6ki] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt (+1pt) */
    color: #990066;                           /* Magenta oscuro */
}

.status-sin-asignar[b-tlnfjub6ki] {
    color: #808080;                           /* Gris */
}

.status-en-proceso[b-tlnfjub6ki] {
    color: var(--color-home);                 /* Verde - variable del sistema */
}

.status-terminado[b-tlnfjub6ki] {
    background-color: #00C000;                /* Verde brillante */
    color: #FFFFFF;                           /* Blanco */
}

.status-rechazado[b-tlnfjub6ki] {
    background-color: #FF0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
}

.status-cancelado[b-tlnfjub6ki] {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
}

.status-super[b-tlnfjub6ki] {
    background-color: #800080;                /* Morado (Purple) */
    color: #FFFFFF;                           /* Blanco */
}

.status-tarde-terminado[b-tlnfjub6ki] {
    background-color: #FF0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
}

.link-devuelto[b-tlnfjub6ki] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-11pt);             /* Tamaño 11pt (Consulta=10pt +1pt) */
    color: #FF0000;                           /* Rojo */
    text-decoration: none;                    /* Sin subrayado */
}

.link-devuelto:hover[b-tlnfjub6ki] {
    text-decoration: underline;               /* Subrayado al hover */
}

.link-confirmar[b-tlnfjub6ki] {
    font-weight: bold;                        /* Negritas */
    color: #C00000;                           /* Rojo oscuro */
    text-decoration: none;                    /* Sin subrayado */
}

a.link-confirmar:hover[b-tlnfjub6ki] {
    text-decoration: underline;               /* Subrayado al hover solo en links */
}

span.link-confirmar[b-tlnfjub6ki] {
    cursor: default;                          /* Cursor normal para spans */
}

.link-ver-enc[b-tlnfjub6ki] {
    font-weight: bold;                        /* Negritas */
    color: #800080;                           /* Morado (Purple) */
    text-decoration: none;                    /* Sin subrayado */
}

.link-ver-enc:hover[b-tlnfjub6ki] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== GRUPO xAUTORIZAR (sin flex:1, solo agrupa) ===== */
.grupo-xaut[b-tlnfjub6ki] {
    display: inline-flex;                     /* Agrupa en línea */
    align-items: center;                      /* Alineado vertical */
    gap: 0.3rem;                              /* Espaciado interno entre spans */
    flex-wrap: wrap;                          /* Wrap en móvil */
}

/* ===== FECHA MAX AUTORIZAR ===== */
.label-fma[b-tlnfjub6ki] {
    color: #990066;                           /* Magenta oscuro */
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-11pt);             /* Tamaño 11pt (Consulta=10pt +1pt) */
}

.fecha-fma[b-tlnfjub6ki] {
    color: #990066;                           /* Magenta oscuro */
    font-size: var(--texto-11pt);             /* Tamaño 11pt (Consulta=10pt +1pt) */
}

/* ===== LINKS SECTION (Obstruye, Depende, Inconformidades) ===== */
.link-depende[b-tlnfjub6ki] {
    color: #0066CC;                           /* Azul link */
    text-decoration: none;                    /* Sin subrayado */
    font-size: var(--texto-11pt);             /* Tamaño 11pt (Consulta=10pt +1pt) */
}

.link-depende:hover[b-tlnfjub6ki] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== DATOS SECTION ===== */
.datos-section[b-tlnfjub6ki] {
    margin-top: 0.94rem;                      /* Margen superior (15px) */
    margin-bottom: 0.94rem;                   /* Margen inferior (15px) */
}

/* Oculta dato-row vacíos (cuando @if interno es false, el div queda vacío) */
.dato-row:empty[b-tlnfjub6ki] {
    display: none;                            /* No ocupa espacio */
}

.dato-row[b-tlnfjub6ki] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    display: flex;                            /* Flexbox */
    flex-wrap: wrap;                          /* Permite wrap en móvil */
    align-items: center;                      /* Alineado vertical centrado */
    gap: 0.15rem 0.4rem;                      /* Espaciado entre items (row col) */
    width: 100%;                              /* Ancho completo */
}

.label-alineada[b-tlnfjub6ki] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    width: 10rem;                             /* Ancho fijo (160px) */
    text-align: right;                        /* Alineado derecha */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
    flex-shrink: 0;                           /* No encoge */
}

.label-procesa[b-tlnfjub6ki] {
    color: #CC0000;                           /* Rojo */
}

.text-dato[b-tlnfjub6ki] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (Consulta=10pt +1pt) */
    flex: 1;                                  /* Ocupa espacio restante */
    min-width: 12.5rem;                       /* Ancho mínimo (200px) */
    text-align: left;                         /* Alineado izquierda */
    vertical-align: middle;                   /* Alineado vertical medio */
}

.label-negociada[b-tlnfjub6ki] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt (+1pt) */
    background-color: #FF0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
    font-weight: bold;                        /* Negritas */
    padding: 0.125rem 0.375rem;               /* Padding (2px 6px) */
    margin-left: 0.625rem;                    /* Margen izquierdo (10px) */
}

.link-log[b-tlnfjub6ki] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt (+1pt extra por legibilidad) */
    color: #696969;                           /* Gris oscuro (DimGray) */
    margin-left: 1.25rem;                     /* Margen izquierdo (20px) */
    text-decoration: none;                    /* Sin subrayado */
}

.link-log:hover[b-tlnfjub6ki] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== FORMULARIO DINÁMICO ===== */
.formulario-dinamico[b-tlnfjub6ki] {
    margin-top: 0.94rem;                      /* Margen superior (15px) */
    margin-bottom: 0rem;                   /* Margen inferior (15px) */
}
    .form-pendiente-creacion[b-tlnfjub6ki] {
        background-color: #FFFACD;                /* Amarillo pálido (LemonChiffon) */
        border: 2px dashed #FFA500;               /* Borde naranja punteado */
        padding: 0.94rem;                         /* Padding (15px) */
        text-align: center;                       /* Centrado */
        border-radius: 4px;                       /* Bordes redondeados */
    }
    .form-pendiente-creacion strong[b-tlnfjub6ki] {
        color: #FF8C00;                           /* Naranja oscuro (DarkOrange) */
        font-size: var(--texto-11pt);             /* Tamaño 11pt */
    }
    .form-pendiente-creacion p[b-tlnfjub6ki] {
        margin-bottom: 0;                         /* Quitar espacio extra abajo */
    }



/* ===== ANEXOS SECTION ===== */
.anexos-section[b-tlnfjub6ki] {
    margin-top: 0.94rem;                      /* Margen superior (15px) */
    margin-bottom: 0.94rem;                   /* Margen inferior (15px) */
}

.anexos-lista[b-tlnfjub6ki] {
    display: inline;                          /* Inline */
    font-size: var(--texto-11pt);             /* Tamaño 11pt (+1pt) */
}

.link-anexo[b-tlnfjub6ki] {
    color: #0000FF;                           /* Azul (Blue) */
    text-decoration: none;                    /* Sin subrayado */
}

.link-anexo:hover[b-tlnfjub6ki] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== ESFUERZO Y RESOLUCIÓN ===== */
.esfuerzo-section[b-tlnfjub6ki] {
    margin-top: 0;                            /* Sin margen (el formulario-dinamico ya da separación) */
    margin-bottom: 0.625rem;                  /* Margen inferior (10px) */
}

.label-esfuerzo[b-tlnfjub6ki] {
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

.text-esfuerzo[b-tlnfjub6ki] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (+1pt) */
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

.resolucion-section[b-tlnfjub6ki] {
    margin-top: 0.625rem;                     /* Margen superior (10px) */
    margin-bottom: 0.94rem;                   /* Margen inferior (15px) */
}

.text-resolucion[b-tlnfjub6ki] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (+1pt) */
}

/* ===== FILA OBS/DEP/INC ===== */
.row-links-content[b-tlnfjub6ki] {
    display: flex;                            /* Flexbox inline */
    flex-wrap: wrap;                          /* Wrap en móvil */
    align-items: center;                      /* Alineado vertical */
    gap: 0.15rem 0.4rem;                      /* Espaciado entre items */
}

.link-label-inline[b-tlnfjub6ki] {
    font-weight: bold;                        /* Negritas como label-alineada */
    font-size: var(--texto-9pt);              /* Mismo tamaño que label-alineada */
    flex-shrink: 0;                           /* No encoge */
}

.solo-en-celular[b-tlnfjub6ki] {
    display: none;                            /* Oculto en desktop */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
    .label-alineada[b-tlnfjub6ki] {
        text-align: left;                     /* Alineado izquierda en móvil */
        width: 100%;                          /* Ancho completo */
        margin-bottom: 0.125rem;              /* Margen inferior (2px) */
    }

    .text-dato[b-tlnfjub6ki] {
        width: 100%;                          /* Ancho completo */
        min-width: 100%;                      /* Sin ancho mínimo */
    }

    /* Obs/Dep/Inc: contenido fluye sin spacer en móvil */
    .row-links-content[b-tlnfjub6ki] {
        flex-wrap: nowrap;                    /* Sin wrap, todo en una línea */
    }

    .ocultar-en-celular[b-tlnfjub6ki] {
        display: none;                        /* Oculta texto largo */
    }

    .solo-en-celular[b-tlnfjub6ki] {
        display: inline;                      /* Muestra texto corto */
    }

    /* Botones: wrap con espaciado */
    .dato-row .boton[b-tlnfjub6ki] {
        margin-bottom: 0.25rem;               /* Espacio al hacer wrap */
    }

    /* Política y ejemplo juntos en nueva línea en celular */
    .tme-links[b-tlnfjub6ki] {
        display: block;                       /* Nueva línea */
        margin-top: 0.25rem;                  /* Separación vertical (4px) */
    }

    .tme-links .link-politica[b-tlnfjub6ki],
    .tme-links .texto-deshabilitado:first-child[b-tlnfjub6ki] {
        margin-left: 0;                       /* Sin margen izquierdo el primero */
    }

    .tme-links .link-ejemplo[b-tlnfjub6ki],
    .tme-links .texto-deshabilitado + .texto-deshabilitado[b-tlnfjub6ki] {
        margin-left: 0.5rem;                  /* Espacio entre elementos */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-tlnfjub6ki] {
    --spinner-color: var(--color-reqs);
}
/* _content/SiREI_2026/Components/Pages/02Req/ReqDetalleRE.razor.rz.scp.css */
/*
   ReqDetalleRE.razor.css
   Detalle de requerimiento recurrente.
   Módulo: Requerimientos (color amarillo --color-reqs)
*/

/* ===== INPUT NUMBER SIN FLECHAS ===== */
.barra-filtros-input-req[b-1j6u4edoe4]::-webkit-inner-spin-button,
.barra-filtros-input-req[b-1j6u4edoe4]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.barra-filtros-input-req[b-1j6u4edoe4] {
    -moz-appearance: textfield;                   /* Firefox */
}

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal-sirei[b-1j6u4edoe4] {
    padding-top: 0;                           /* Pega la barra de filtros al SiREI */
}

/* ===== BARRA DE FILTROS ===== */
.barra-filtros[b-1j6u4edoe4] {
    background-color: #FFF7CC;                /* Amarillo - módulo Requerimientos */
}

/* ===== PANEL OK (contenedor de datos) ===== */
.panel-ok[b-1j6u4edoe4] {
    width: 100%;                              /* Ancho completo */
}

/* ===== ENCABEZADO: Título y descripción ===== */
.header-box[b-1j6u4edoe4] {
    border: 1px solid #DCF0DC;                /* Borde verde claro */
    padding: 0.5rem;                          /* Padding (8px) */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    margin-top: 1rem;                         /* Margen superior (16px) */
    background-color: #FFFFFF;                /* Fondo blanco */
    text-align: center;                       /* Centrado */
}

.titulo-req[b-1j6u4edoe4] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    color: #000000;                           /* Negro */
}

.desc-req[b-1j6u4edoe4] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt (igual que ReqDetalle) */
    color: #000000;                           /* Negro */
    margin-top: 0.31rem;                      /* Margen superior (5px) */
    white-space: pre-line;                    /* Respeta saltos de línea */
}

/* ===== TIEMPO MÁXIMO DE ENTREGA ===== */
.tme-section[b-1j6u4edoe4] {
    margin-bottom: 0.625rem;                  /* Margen inferior (10px) */
    font-size: var(--texto-9pt);              /* Tamaño 9pt (igual que ReqDetalle) */
    text-align: center;                       /* Centrado */
}

.tme-label[b-1j6u4edoe4] {
    font-weight: normal;                      /* Sin negritas */
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

.tme-value[b-1j6u4edoe4] {
    font-weight: bold;                        /* Negritas */
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

.tme-unit[b-1j6u4edoe4] {
    font-weight: bold;                        /* Negritas */
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

/* ===== LINKS DE POLÍTICA Y EJEMPLO ===== */
.link-politica[b-1j6u4edoe4],
.link-ejemplo[b-1j6u4edoe4] {
    margin-left: 1.25rem;                     /* Margen izquierdo (20px) */
    color: #0066CC;                           /* Azul link */
    text-decoration: none;                    /* Sin subrayado */
}

.link-politica:hover[b-1j6u4edoe4],
.link-ejemplo:hover[b-1j6u4edoe4] {
    text-decoration: underline;               /* Subrayado al hover */
}

.texto-deshabilitado[b-1j6u4edoe4] {
    margin-left: 1.25rem;                     /* Margen izquierdo (20px) */
    color: #808080;                           /* Gris */
    cursor: default;                          /* Cursor normal */
}

/* ===== FILAS DE DATOS ===== */
.dato-row[b-1j6u4edoe4] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    display: flex;                            /* Flexbox */
    flex-wrap: wrap;                          /* Permite wrap */
    align-items: center;                      /* Alineado vertical centro (igual que ReqDetalle) */
    gap: 0.15rem 0.4rem;                      /* Espaciado entre items (row col, igual que ReqDetalle) */
    width: 100%;                              /* Ancho completo */
}

.dato-row:empty[b-1j6u4edoe4] {
    display: none;                            /* Oculta filas vacías (igual que ReqDetalle) */
}

/* ===== WRAPPER PARA LINKS DE TME ===== */
.tme-links[b-1j6u4edoe4] {
    display: inline;                          /* Inline (igual que ReqDetalle) */
}

.label-alineada[b-1j6u4edoe4] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    width: 10rem;                             /* Ancho fijo (160px) */
    text-align: right;                        /* Alineado derecha */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
    flex-shrink: 0;                           /* No encoge */
}

.label-estatus[b-1j6u4edoe4] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt (igual que ReqDetalle) */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
}

.label-procesa[b-1j6u4edoe4] {
    color: #CC0000;                           /* Rojo */
}

.label-recurrencia[b-1j6u4edoe4] {
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

.label-motivo-inactivo[b-1j6u4edoe4] {
    color: #808080;                           /* Gris */
}

.text-dato[b-1j6u4edoe4] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt (igual que ReqDetalle) */
    flex: 1;                                  /* Ocupa espacio restante */
    min-width: 12.5rem;                       /* Ancho mínimo (200px) */
    text-align: left;                         /* Alineado izquierda */
    vertical-align: middle;                   /* Alineado vertical medio */
}

.text-motivo-inactivo[b-1j6u4edoe4] {
    color: #808080;                           /* Gris */
    font-style: italic;                       /* Itálicas */
}

/* ===== ETIQUETAS DE ESTATUS ===== */
.etiqueta[b-1j6u4edoe4] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    display: inline-block;                    /* Bloque inline */
    padding: 0.1rem 0.4rem;                   /* Padding */
}

.status-activo[b-1j6u4edoe4] {
    background-color: #00C000;                /* Verde brillante */
    color: #FFFFFF;                           /* Blanco */
    font-weight: bold;                        /* Negritas */
    border-radius: 4px;                       /* Bordes redondeados */
}

.status-inactivo[b-1j6u4edoe4] {
    background-color: #808080;                /* Gris */
    color: #FFFFFF;                           /* Blanco */
    font-weight: bold;                        /* Negritas */
    border-radius: 4px;                       /* Bordes redondeados */
}

/* ===== LINK AL LOG ===== */
.link-log[b-1j6u4edoe4] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt (igual que ReqDetalle) */
    color: #696969;                           /* Gris oscuro (DimGray) */
    margin-left: 1.25rem;                     /* Margen izquierdo (20px) */
    text-decoration: none;                    /* Sin subrayado */
}

.link-log:hover[b-1j6u4edoe4] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== FORMULARIO DINÁMICO ===== */
.formulario-dinamico[b-1j6u4edoe4] {
    margin-top: 0.94rem;                      /* Margen superior (15px) */
    margin-bottom: 0rem;                      /* Sin margen inferior (igual que ReqDetalle) */
}

.form-pendiente-creacion[b-1j6u4edoe4] {
    background-color: #FFFACD;                /* Amarillo pálido (LemonChiffon) */
    border: 2px dashed #FFA500;               /* Borde naranja punteado */
    padding: 0.94rem;                         /* Padding (15px) */
    text-align: center;                       /* Centrado */
    border-radius: 4px;                       /* Bordes redondeados */
}

.form-pendiente-creacion strong[b-1j6u4edoe4] {
    color: #FF8C00;                           /* Naranja oscuro (DarkOrange) */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

.form-pendiente-creacion p[b-1j6u4edoe4] {
    margin-bottom: 0;                         /* Quitar espacio extra abajo */
}








/* ===== ANEXOS ===== */
.anexos-section[b-1j6u4edoe4] {
    margin-top: 0.94rem;                      /* Margen superior (15px) */
    margin-bottom: 0.94rem;                   /* Margen inferior (15px) */
}

.anexos-lista[b-1j6u4edoe4] {
    display: inline;                          /* Inline */
    font-size: var(--texto-11pt);             /* Tamaño 11pt (igual que ReqDetalle) */
}

.link-anexo[b-1j6u4edoe4] {
    color: #0000FF;                           /* Azul (Blue) */
    text-decoration: none;                    /* Sin subrayado */
}

.link-anexo:hover[b-1j6u4edoe4] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== LISTA DE CAUSAS (mensaje de error) ===== */
.lista-causas[b-1j6u4edoe4] {
    display: inline-block;                    /* Bloque inline */
    text-align: left;                         /* Alineado izquierda */
}

.lista-causas li[b-1j6u4edoe4] {
    padding-left: 0.5rem;                     /* Sangría izquierda (8px) */
}

/* ===== BOTONES ===== */
.botones-section[b-1j6u4edoe4] {
    margin-top: 1.25rem;                      /* Margen superior (20px) */
    margin-bottom: 0.625rem;                  /* Margen inferior (10px) */
    text-align: center;                       /* Centrado */
}

/* Usa .boton de app.css (9pt) - aquí solo colores */
.btn-desactivar[b-1j6u4edoe4] {
    background-color: #CC0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
    .label-alineada[b-1j6u4edoe4] {
        text-align: left;                     /* Alineado izquierda en móvil */
        width: 100%;                          /* Ancho completo */
        margin-bottom: 0.125rem;              /* Margen inferior (2px) */
    }

    .text-dato[b-1j6u4edoe4] {
        width: 100%;                          /* Ancho completo */
        min-width: 100%;                      /* Sin ancho mínimo */
    }

    /* Política y ejemplo juntos en nueva línea en celular */
    .tme-links[b-1j6u4edoe4] {
        display: block;                       /* Nueva línea */
        margin-top: 0.25rem;                  /* Separación vertical (4px) */
    }

    .tme-links .link-politica[b-1j6u4edoe4],
    .tme-links .texto-deshabilitado:first-child[b-1j6u4edoe4] {
        margin-left: 0;                       /* Sin margen izquierdo el primero */
    }

    .tme-links .link-ejemplo[b-1j6u4edoe4],
    .tme-links .texto-deshabilitado + .texto-deshabilitado[b-1j6u4edoe4] {
        margin-left: 0.5rem;                  /* Espacio entre elementos */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-1j6u4edoe4] {
    --spinner-color: var(--color-reqs);
}
/* _content/SiREI_2026/Components/Pages/02Req/ReqEncadena.razor.rz.scp.css */
/*
   ReqEncadena.razor.css
   Encadenamiento de requerimientos (dependencias).
   Listas violeta y amarilla para relaciones de dependencia.
*/

/* ===== INPUT NUMBER SIN FLECHAS ===== */
.barra-filtros-input-req[b-j7s8fjl9dh]::-webkit-inner-spin-button,
.barra-filtros-input-req[b-j7s8fjl9dh]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.barra-filtros-input-req[b-j7s8fjl9dh] {
    -moz-appearance: textfield;                   /* Firefox */
}

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal-sirei[b-j7s8fjl9dh] {
    padding-top: 0;                           /* Pega la barra de filtros al SiREI */
}

/* ===== BARRA DE FILTROS ===== */
.barra-filtros[b-j7s8fjl9dh] {
    background-color: #FFF7CC;                /* Amarillo - módulo Requerimientos */
}

/* ===== MENSAJE DE ERROR ===== */
.error-list[b-j7s8fjl9dh] {
    margin-top: 1.25rem;                      /* Margen superior (20px) */
    text-align: left;                         /* Alineado izquierda */
    display: inline-block;                    /* Bloque inline */
}

.error-item[b-j7s8fjl9dh] {
    display: flex;                            /* Flexbox */
    gap: 0.94rem;                             /* Espacio entre elementos (15px) */
    margin-bottom: 1.25rem;                   /* Margen inferior (20px) */
}

.error-item span[b-j7s8fjl9dh] {
    font-weight: bold;                        /* Negritas */
    min-width: 1.875rem;                      /* Ancho mínimo (30px) */
}

.error-item p[b-j7s8fjl9dh] {
    margin: 0;                                /* Sin margen */
    max-width: 31.25rem;                      /* Ancho máximo (500px) */
}

/* ===== PAGINACIÓN (variantes específicas) ===== */
.barra-paginacion-dependen[b-j7s8fjl9dh],
.barra-paginacion-depende[b-j7s8fjl9dh] {
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    padding: 0.5rem 0.625rem;                 /* Padding (8px 10px) */
    background-color: #FFFFFF;                /* Fondo blanco */
}

.contador-texto[b-j7s8fjl9dh] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    color: #000000;                           /* Negro */
}

/* ===== LISTA VIOLETA (reqs que DEPENDEN de él) ===== */
.requerimientos-list-dependen[b-j7s8fjl9dh] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    gap: 0;                                   /* Sin espacio entre items */
}

.req-item-dependen[b-j7s8fjl9dh] {
    display: flex;                            /* Flexbox */
    padding: 0.25rem 0;                       /* Padding compacto (4px 0) */
    border-bottom: solid 1px #808080;         /* Borde inferior gris */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    min-height: 2.5rem;                       /* Altura mínima (40px) */
    line-height: 1;                           /* Altura de línea */
}

.req-item-dependen:nth-child(odd)[b-j7s8fjl9dh] {
    background-color: #F7F6F3;                /* Beige claro */
    color: #333333;                           /* Gris oscuro */
}

.req-item-dependen:nth-child(even)[b-j7s8fjl9dh] {
    background-color: #FFFFFF;                /* Blanco */
    color: #284775;                           /* Azul oscuro */
}

.req-left-panel-dependen[b-j7s8fjl9dh] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    align-items: flex-end;                    /* Alineado derecha */
    padding-right: 0.625rem;                  /* Padding derecho (10px) */
    min-width: 3.75rem;                       /* Ancho mínimo (60px) */
}

/* ===== BOTÓN QUITAR (violeta) ===== */
/* Usa .boton-chico de app.css - aquí solo colores */
.btn-quitar-dependen[b-j7s8fjl9dh] {
    background-color: #CC99FF;                /* Violeta */
}

/* ===== LISTA AMARILLA (reqs DE LOS QUE DEPENDE) ===== */
.requerimientos-list-depende[b-j7s8fjl9dh] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    gap: 0;                                   /* Sin espacio */
}

.req-item-depende[b-j7s8fjl9dh] {
    display: flex;                            /* Flexbox */
    padding: 0.25rem 0;                       /* Padding compacto (4px 0) */
    border-bottom: solid 1px #808080;         /* Borde inferior gris */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    min-height: 2.5rem;                       /* Altura mínima (40px) */
    line-height: 1;                           /* Altura de línea */
}

.req-item-depende:nth-child(odd)[b-j7s8fjl9dh] {
    background-color: #F7F6F3;                /* Beige claro */
    color: #333333;                           /* Gris oscuro */
}

.req-item-depende:nth-child(even)[b-j7s8fjl9dh] {
    background-color: #FFFFFF;                /* Blanco */
    color: #284775;                           /* Azul oscuro */
}

.req-left-panel-depende[b-j7s8fjl9dh] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    align-items: flex-end;                    /* Alineado derecha */
    padding-right: 0.625rem;                  /* Padding derecho (10px) */
    min-width: 3.75rem;                       /* Ancho mínimo (60px) */
}

/* ===== BOTÓN QUITAR (amarillo) ===== */
/* Usa .boton-chico de app.css - aquí solo colores */
.btn-quitar-depende[b-j7s8fjl9dh] {
    background-color: #FFD700;                /* Amarillo */
}

/* ===== CONTENIDO DEL REQUERIMIENTO (común) ===== */
.req-content[b-j7s8fjl9dh] {
    flex: 1;                                  /* Ocupa espacio restante */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    gap: 0.188rem;                            /* Gap reducido (3px) */
}

.req-fecha[b-j7s8fjl9dh] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #696969;                           /* Gris oscuro (DimGray) */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.375rem;                            /* Espacio (6px) */
}

.req-header[b-j7s8fjl9dh] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.5rem;                              /* Espacio (8px) */
    flex-wrap: wrap;                          /* Permite wrap */
}

.req-titulo[b-j7s8fjl9dh] {
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
    text-decoration: none;                    /* Sin subrayado */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.req-titulo:hover[b-j7s8fjl9dh] {
    text-decoration: underline;               /* Subrayado al hover */
}

.req-motivo[b-j7s8fjl9dh] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    color: #333333;                           /* Gris oscuro */
}

.req-info[b-j7s8fjl9dh] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.375rem;                            /* Espacio (6px) */
    flex-wrap: wrap;                          /* Permite wrap */
}

/* ===== LABELS Y LINKS ===== */
.label-small[b-j7s8fjl9dh] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #696969;                           /* Gris oscuro (DimGray) */
}

.label-procesa[b-j7s8fjl9dh] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
}

.text-procesa[b-j7s8fjl9dh] {
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
}

.text-prioridad[b-j7s8fjl9dh] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #696969;                           /* Gris oscuro (DimGray) */
}

.label-urge-inline[b-j7s8fjl9dh] {
    background-color: #FF0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
    padding: 1px 4px;                         /* Padding */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: bold;                        /* Negritas */
    border-radius: 2px;                       /* Bordes redondeados */
}

.link-log[b-j7s8fjl9dh] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #696969;                           /* Gris oscuro (DimGray) */
    text-decoration: none;                    /* Sin subrayado */
}

.link-log:hover[b-j7s8fjl9dh] {
    text-decoration: underline;               /* Subrayado al hover */
}

.link-depende[b-j7s8fjl9dh] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #0066CC;                           /* Azul link */
    text-decoration: none;                    /* Sin subrayado */
}

.link-depende:hover[b-j7s8fjl9dh] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== LABELS DE ESTADO ===== */
.status-label[b-j7s8fjl9dh] {
    padding: 1px 0.375rem;                    /* Padding (1px 6px) */
    border-radius: 3px;                       /* Bordes redondeados */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: bold;                        /* Negritas */
    white-space: nowrap;                      /* Sin wrap */
}

.status-sin-asignar[b-j7s8fjl9dh] {
    color: #808080;                           /* Gris */
}

.status-en-proceso[b-j7s8fjl9dh] {
    color: #00C000;                           /* Verde brillante */
}

.status-terminado[b-j7s8fjl9dh] {
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

.status-rechazado[b-j7s8fjl9dh] {
    color: #B22222;                           /* Rojo ladrillo (FireBrick) */
}

.status-cancelado[b-j7s8fjl9dh] {
    color: #FF0000;                           /* Rojo */
}

.status-super[b-j7s8fjl9dh] {
    background-color: #800080;                /* Morado (Purple) */
    color: #FFFFFF;                           /* Blanco */
}

.status-tarde-proceso[b-j7s8fjl9dh] {
    background-color: #FF0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
}

.status-tarde-terminado[b-j7s8fjl9dh] {
    background-color: #FF0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
}

.link-devuelto[b-j7s8fjl9dh] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #FF0000;                           /* Rojo */
    text-decoration: none;                    /* Sin subrayado */
}

.link-devuelto:hover[b-j7s8fjl9dh] {
    text-decoration: underline;               /* Subrayado al hover */
}

.link-confirmar[b-j7s8fjl9dh] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #C00000;                           /* Rojo oscuro */
    text-decoration: none;                    /* Sin subrayado */
}

.link-confirmar:hover[b-j7s8fjl9dh] {
    text-decoration: underline;               /* Subrayado al hover */
}

/* ===== MENSAJES VACÍOS ===== */
.mensaje-vacio-dependen[b-j7s8fjl9dh] {
    background-color: #FFFFFF;                /* Fondo blanco */
    padding: 0.94rem;                         /* Padding (15px) */
    text-align: center;                       /* Centrado */
    color: #800080;                           /* Morado (Purple) para "dependen" */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
}

.mensaje-vacio-dependen p[b-j7s8fjl9dh] {
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
}

.mensaje-vacio-depende[b-j7s8fjl9dh] {
    background-color: #FFFFFF;                /* Fondo blanco */
    padding: 0.94rem;                         /* Padding (15px) */
    text-align: center;                       /* Centrado */
    color: #FFA500;                           /* Naranja (Orange) para "depende" */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
}

.mensaje-vacio-depende p[b-j7s8fjl9dh] {
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
}

/* ===== BARRAS SEPARADORAS ===== */

/* Barra VIOLETA (para "dependen") */
.barra-separadora-dependen[b-j7s8fjl9dh] {
    background-color: #CC99FF;                /* Violeta exacto del legacy */
    padding: 0.125rem 0.94rem;                /* Padding (2px 15px) */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    margin: 0.5rem 0;                         /* Margen vertical (8px) */
}

/* Usa .boton-chico de app.css - aquí solo colores */
.btn-agregar-dependen[b-j7s8fjl9dh] {
    background-color: #FFFFFF;                /* Fondo blanco */
}

/* Barra AMARILLA (para "depende") */
.barra-separadora-depende[b-j7s8fjl9dh] {
    background-color: #FFD700;                /* Amarillo exacto del legacy */
    padding: 0.125rem 0.94rem;                /* Padding (2px 15px) */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    margin: 0.5rem 0;                         /* Margen vertical (8px) */
}

/* Usa .boton-chico de app.css - aquí solo colores */
.btn-agregar-depende[b-j7s8fjl9dh] {
    background-color: #FFFFFF;                /* Fondo blanco */
}

/* ===== REQUERIMIENTO CENTRAL ===== */
.req-central[b-j7s8fjl9dh] {
    background-color: #FFFFFF;                /* Fondo blanco */
    border: 1px solid #DDDDDD;                /* Borde gris claro */
    padding: 0.625rem;                        /* Padding (10px) */
    margin: 0.5rem 0;                         /* Margen vertical (8px) */
}

.req-central-content[b-j7s8fjl9dh] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    gap: 0.188rem;                            /* Gap (3px) */
}

/* ===== LISTA DE CAUSAS ===== */
.lista-causas[b-j7s8fjl9dh] {
    display: inline-block;                    /* Bloque inline */
    text-align: left;                         /* Alineado izquierda */
}

.lista-causas li[b-j7s8fjl9dh] {
    padding-left: 0.5rem;                     /* Sangría izquierda (8px) */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .req-encadena-container[b-j7s8fjl9dh] {
        padding: 0.625rem;                    /* Padding (10px) */
    }

    .barra-separadora-dependen[b-j7s8fjl9dh],
    .barra-separadora-depende[b-j7s8fjl9dh] {
        flex-direction: column;               /* Apilado vertical en móvil */
        gap: 0.5rem;                          /* Espacio (8px) */
        text-align: center;                   /* Centrado */
    }

    .modal-content[b-j7s8fjl9dh] {
        width: 95%;                           /* Ancho casi completo */
    }

    .req-header[b-j7s8fjl9dh],
    .req-info[b-j7s8fjl9dh] {
        flex-direction: column;               /* Apilado vertical */
        align-items: flex-start;              /* Alineado izquierda */
        gap: 0.25rem;                         /* Espacio (4px) */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-j7s8fjl9dh] {
    --spinner-color: var(--color-reqs);
}
/* _content/SiREI_2026/Components/Pages/02Req/ReqHistorial.razor.rz.scp.css */
/*
   ReqHistorial.razor.css
   Historial de eventos de un requerimiento.
   Lista cronológica de cambios con ejecutor y descripción.
*/

/* ===== INPUT NUMBER SIN FLECHAS ===== */
.barra-filtros-input-req[b-nl0hts9jp2]::-webkit-inner-spin-button,
.barra-filtros-input-req[b-nl0hts9jp2]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.barra-filtros-input-req[b-nl0hts9jp2] {
    -moz-appearance: textfield;                   /* Firefox */
}

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal-sirei[b-nl0hts9jp2] {
    padding-top: 0;                           /* Sin padding superior */
}

/* ===== BARRA DE FILTROS ===== */
.barra-filtros[b-nl0hts9jp2] {
    background-color: #FFF7CC;                /* Amarillo - módulo Requerimientos */
}

/* ===== LISTA DE EVENTOS ===== */
.log-list[b-nl0hts9jp2] {
    display: flex;                            /* Flexbox vertical */
    flex-direction: column;                   /* Apilado vertical */
    gap: 0;                                   /* Sin espacio entre items */
}

.log-item[b-nl0hts9jp2] {
    display: flex;                            /* Flexbox horizontal */
    gap: 0;                                   /* Sin espacio */
    padding: 0;                               /* Sin padding */
    border-bottom: solid 1px #808080;         /* Borde inferior gris */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    min-height: 3.125rem;                     /* Altura mínima (50px) */
}

/* ===== ALTERNANCIA DE COLORES ===== */
.log-item-normal[b-nl0hts9jp2] {
    background-color: #F7F6F3;                /* Beige claro */
    color: #333333;                           /* Gris oscuro */
}

.log-item-alterna[b-nl0hts9jp2] {
    background-color: #FFFFFF;                /* Blanco */
    color: #284775;                           /* Azul oscuro */
}

/* ===== COLUMNA DE FECHA ===== */
.log-fecha[b-nl0hts9jp2] {
    width: 6rem;                              /* Ancho para fecha apilada */
    text-align: right;                        /* Alineado derecha */
    vertical-align: top;                      /* Alineado arriba */
    padding: 0.5rem 0.625rem 0.5rem 0;        /* Padding (8px 10px 8px 0) */
    font-weight: normal;                      /* Sin negritas */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Fecha arriba, hora abajo */
}

.fecha-dia[b-nl0hts9jp2] {
    /* Fecha: 2026-02-05 */
}

.fecha-hora[b-nl0hts9jp2] {
    font-size: var(--texto-9pt);              /* Hora un poco más chica */
    color: #666;                              /* Gris para distinguir */
}

/* ===== SEPARADOR VISUAL ===== */
.log-separador[b-nl0hts9jp2] {
    width: 1.375rem;                          /* Ancho fijo (22px) */
    min-width: 1.375rem;                      /* Ancho mínimo (22px) */
}

/* ===== COLUMNA DE INFORMACIÓN ===== */
.log-info[b-nl0hts9jp2] {
    flex: 1;                                  /* Ocupa espacio restante */
    text-align: left;                         /* Alineado izquierda */
    vertical-align: top;                      /* Alineado arriba */
    padding: 0.5rem 0.625rem;                 /* Padding (8px 10px) */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    gap: 0.3125rem;                           /* Espacio entre elementos (5px) */
}

.log-ejecutor[b-nl0hts9jp2] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.log-evento[b-nl0hts9jp2] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== LISTA DE CAUSAS (sin resultados) ===== */
.lista-causas[b-nl0hts9jp2] {
    display: inline-block;                    /* Elemento inline-block */
    text-align: left;                         /* Alineado izquierda */
}

.lista-causas li[b-nl0hts9jp2] {
    padding-left: 0.5rem;                     /* Sangría izquierda */
}

/* Spinner del módulo */
.sirei-spinner[b-nl0hts9jp2] {
    --spinner-color: var(--color-reqs);
}

/* ===== RESPONSIVE MÓVIL ===== */
@media (max-width: 767px) {
    /* Separador más angosto en móvil */
    .log-separador[b-nl0hts9jp2] {
        width: 0.5rem;
        min-width: 0.5rem;
    }
}
/* _content/SiREI_2026/Components/Pages/02Req/ReqNuevo.razor.rz.scp.css */
/*
   ReqNuevo.razor.css
   Listado de tipos de requerimiento para crear nuevo.
   Muestra tipos disponibles con departamento y descripción.
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal-sirei[b-rdh6xj8lom] {
    padding-top: 0;                           /* Sin padding superior */
}

/* ===== BARRA DE FILTROS ===== */
.barra-filtros[b-rdh6xj8lom] {
    background-color: #FFF7CC;                /* Amarillo - módulo Requerimientos */
}

/* ===== TEXTO DE INSTRUCCIÓN ===== */
.texto-instruccion[b-rdh6xj8lom] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
    color: #228B22;                           /* Verde bosque */
    margin-left: 5rem;                        /* Separación izquierda */
}

/* ===== LISTA DE REQUERIMIENTOS ===== */
.requerimientos-list[b-rdh6xj8lom] {
    background-color: white;                  /* Fondo blanco */
    padding: 0;                               /* Sin padding */
    margin: 0;                                /* Sin margin */
}

.req-item[b-rdh6xj8lom] {
    display: flex;                            /* Flexbox horizontal */
    gap: 0.625rem;                            /* Espacio entre elementos (10px) */
    padding: 0.625rem 0;                      /* Padding vertical (10px) */
    border-bottom: solid 1px #000000;         /* Borde inferior negro */
    background-color: white;                  /* Fondo blanco */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== PANEL IZQUIERDO ===== */
.req-left-panel[b-rdh6xj8lom] {
    width: 6.25rem;                           /* Ancho fijo (100px) */
    text-align: right;                        /* Alineado derecha */
    flex-shrink: 0;                           /* No encoge */
    padding-top: 0.3125rem;                   /* Padding superior (5px) */
}

.req-depto[b-rdh6xj8lom] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: normal;                      /* Sin negritas */
    color: #8B0000;                           /* Rojo oscuro */
}

/* ===== CONTENIDO DEL REQ ===== */
.req-content[b-rdh6xj8lom] {
    flex: 1;                                  /* Ocupa espacio restante */
}

.req-titulo[b-rdh6xj8lom] {
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
    text-decoration: none;                    /* Sin subrayado */
    cursor: pointer;                          /* Cursor de mano */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.req-titulo:hover[b-rdh6xj8lom] {
    text-decoration: underline;               /* Subrayado al hover */
}

.req-descripcion[b-rdh6xj8lom] {
    font-weight: normal;                      /* Sin negritas */
    color: #808080;                           /* Gris */
    margin-top: 0.3125rem;                    /* Separación superior (5px) */
    display: block;                           /* Elemento de bloque */
}

/* Spinner del módulo */
.sirei-spinner[b-rdh6xj8lom] {
    --spinner-color: var(--color-reqs);
}

/* ===== RESPONSIVE: Móvil ===== */
@media (max-width: 768px) {
    .texto-instruccion[b-rdh6xj8lom] {
        display: none;
    }
}
/* _content/SiREI_2026/Components/Pages/02Req/ReqNuevoCaptura.razor.rz.scp.css */
/*
   ReqNuevoCaptura.razor.css
   Crear nuevo requerimiento con formulario dinámico.
   Módulo: Requerimientos (color amarillo --color-reqs)
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal-sirei[b-7ipdx6ru9h] {
    padding-top: 0;                           /* Pega la barra de filtros al SiREI */
}

/* ===== PANEL OK (contenedor de datos) ===== */
.panel-ok[b-7ipdx6ru9h] {
    width: 100%;                              /* Ancho completo */
}

/* ===== ENCABEZADO: Título y descripción ===== */
.header-box[b-7ipdx6ru9h] {
    border: 1px solid #DCF0DC;                /* Borde verde claro */
    padding: 0.5rem;                          /* Padding (8px) */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    margin-top: 1rem;                         /* Margen superior (16px) */
    background-color: #FFFFFF;                /* Fondo blanco */
    text-align: center;                       /* Centrado */
}

.titulo-req[b-7ipdx6ru9h] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    color: #000000;                           /* Negro */
}

.desc-req[b-7ipdx6ru9h] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #000000;                           /* Negro */
    margin-top: 0.31rem;                      /* Margen superior (5px) */
    white-space: pre-line;                    /* Respeta saltos de línea */
}

/* ===== TIEMPO MÁXIMO DE ENTREGA (verde, centrado) ===== */
.tme-section[b-7ipdx6ru9h] {
    margin-bottom: 0.625rem;                  /* Margen inferior (10px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    text-align: center;                       /* Centrado */
}

.tme-label[b-7ipdx6ru9h] {
    font-weight: normal;                      /* Sin negritas */
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

.tme-value[b-7ipdx6ru9h] {
    font-weight: bold;                        /* Negritas */
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

.tme-unit[b-7ipdx6ru9h] {
    font-weight: bold;                        /* Negritas */
    color: #228B22;                           /* Verde bosque (ForestGreen) */
}

/* ===== LINKS DE POLÍTICA Y EJEMPLO ===== */
.link-politica[b-7ipdx6ru9h],
.link-ejemplo[b-7ipdx6ru9h] {
    margin-left: 1.25rem;                     /* Margen izquierdo (20px) */
    color: #0066CC;                           /* Azul link */
    text-decoration: none;                    /* Sin subrayado */
}

.link-politica:hover[b-7ipdx6ru9h],
.link-ejemplo:hover[b-7ipdx6ru9h] {
    text-decoration: underline;               /* Subrayado al hover */
}

.texto-deshabilitado[b-7ipdx6ru9h] {
    margin-left: 1.25rem;                     /* Margen izquierdo (20px) */
    color: #808080;                           /* Gris */
    cursor: default;                          /* Cursor normal */
}

/* ===== CAMPO URGENTE (alineado a la derecha) ===== */
.campo-urge[b-7ipdx6ru9h] {
    text-align: right;                        /* Alineado derecha */
    margin-bottom: 0.625rem;                  /* Margen inferior (10px) */
    margin-right: 1.25rem;                    /* Margen derecho (20px) */
}

.campo-urge table[b-7ipdx6ru9h] {
    margin-left: auto;                        /* Empuja a la derecha */
    margin-right: 0;                          /* Sin margen derecho */
}

.campo-urge td[b-7ipdx6ru9h] {
    padding: 0.125rem;                        /* Padding (2px) */
}

.label-urge-normal[b-7ipdx6ru9h] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #000000;                           /* Negro */
}

.etiqueta[b-7ipdx6ru9h] {
    font-size: var(--texto-8pt);              /* Tamaño 9pt */
}

.nota-urge[b-7ipdx6ru9h] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #A9A9A9;                           /* Gris medio (DarkGray) */
    text-align: right;                        /* Alineado derecha */
    margin-top: 0.188rem;                     /* Margen superior (3px) */
}

/* ===== FILAS DE DATOS (estructura flex) ===== */
.dato-row[b-7ipdx6ru9h] {
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    display: flex;                            /* Flexbox */
    flex-wrap: wrap;                          /* Permite wrap */
    width: 100%;                              /* Ancho completo */
    vertical-align: bottom;                   /* Alineado abajo */
}

.label-alineada[b-7ipdx6ru9h] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    width: 10rem;                             /* Ancho fijo (160px) */
    text-align: right;                        /* Alineado derecha */
    margin-right: 0.625rem;                   /* Margen derecho (10px) */
    flex-shrink: 0;                           /* No encoge */
}

.label-procesa[b-7ipdx6ru9h] {
    color: #CC0000;                           /* Rojo */
}

.label-tiempo-entrega[b-7ipdx6ru9h] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #CC0000;                           /* Rojo */
}

.label-obstrucciones[b-7ipdx6ru9h] {
    color: #CC0000;                           /* Rojo */
}

.text-dato[b-7ipdx6ru9h] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    flex: 1;                                  /* Ocupa espacio restante */
    min-width: 12.5rem;                       /* Ancho mínimo (200px) */
    text-align: left;                         /* Alineado izquierda */
    vertical-align: middle;                   /* Alineado vertical medio */
}

.text-obstrucciones[b-7ipdx6ru9h] {
    color: #9400D3;                           /* Violeta oscuro (DarkViolet) */
    font-weight: bold;                        /* Negritas */
}

.nota-encadenado[b-7ipdx6ru9h] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #666666;                           /* Gris oscuro */
}

/* ===== COMBO DE USUARIOS (perfil CallService) ===== */
.combo-usuarios[b-7ipdx6ru9h] {
    padding: 0.25rem;                         /* Padding (4px) */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    min-width: 15rem;                         /* Ancho mínimo (240px) */
}

/* ===== LISTA MULTIDEPTO (CHECKBOXLIST EN 3 COLUMNAS) ===== */
.multi-depto-list[b-7ipdx6ru9h] {
    columns: 3;                               /* 3 columnas flujo arriba→abajo */
    column-gap: 0.5rem;                       /* Espacio entre columnas (8px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.multi-depto-item[b-7ipdx6ru9h] {
    break-inside: avoid;                      /* No cortar item entre columnas */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.31rem;                             /* Espacio (5px) */
    margin-bottom: 0.25rem;                   /* Espacio entre items (4px) */
}

.multi-depto-item input[type="checkbox"][b-7ipdx6ru9h] {
    margin: 0;                                /* Sin margen */
}

/* ===== FECHA DE SOLICITUD (calendario HTML5) ===== */
.input-fecha-calendario[b-7ipdx6ru9h] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    padding: 0.25rem;                         /* Padding (4px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 4px;                       /* Bordes redondeados */
}

/* ===== BOTÓN RECURRENTE ===== */
/* Usa .boton-chico de app.css - aquí solo color */
.btn-recurrente[b-7ipdx6ru9h] {
    background-color: #F0F0F0;                /* Gris muy claro */
}

.texto-recurrencia[b-7ipdx6ru9h] {
    color: #228B22;                           /* Verde bosque (ForestGreen) */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    margin-left: 0.625rem;                    /* Margen izquierdo (10px) */
}

/* ===== TIEMPO DE ENTREGA (rojo oscuro) Y FECHA ESTIMADA (gris) ===== */
.tiempo-max-rojo[b-7ipdx6ru9h] {
    color: #CC0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.fecha-max-gris[b-7ipdx6ru9h] {
    color: #808080;                           /* Gris */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    margin-left: 0.625rem;                    /* Margen izquierdo (10px) */
}

.texto-negociado[b-7ipdx6ru9h] {
    color: #CC0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    margin-left: 0.625rem;                    /* Margen izquierdo (10px) */
}

/* ===== BOTÓN NEGOCIÉ OTRO PLAZO ===== */
/* Usa .boton-chico de app.css - aquí solo colores */
/* Usa .boton-chico de app.css - aquí solo colores */
.btn-negociar[b-7ipdx6ru9h] {
    background-color: #FF7C80;                /* Coral / Rojo suave */
    color: #FFFFFF;                           /* Blanco */
    margin-left: 0.625rem;                    /* Margen izquierdo (10px) */
}

/* ===== BOTÓN CANCELAR CAMBIO ===== */
/* Usa .boton-chico de app.css - aquí solo colores */
.btn-cancelar-plazo[b-7ipdx6ru9h] {
    background-color: #FF7C80;                /* Coral / Rojo suave */
    color: #404040;                           /* Gris oscuro */
    margin-left: 0.625rem;                    /* Margen izquierdo (10px) */
}

/* ===== INPUT MOTIVO ===== */
.input-motivo[b-7ipdx6ru9h] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    padding: 0.25rem;                         /* Padding (4px) */
    width: 80%;                               /* Ancho 80% */
    max-width: 37.5rem;                       /* Ancho máximo (600px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 4px;                       /* Bordes redondeados */
}

/* ===== FORMULARIO DINÁMICO (alineado con labels) ===== */
.formulario-dinamico[b-7ipdx6ru9h] {
    width: 100%;                              /* Ancho completo */
}
    .form-pendiente-creacion[b-7ipdx6ru9h] {
        background-color: #FFFACD;                /* Amarillo pálido (LemonChiffon) */
        border: 2px dashed #FFA500;               /* Borde naranja punteado */
        padding: 0.94rem;                         /* Padding (15px) */
        text-align: center;                       /* Centrado */
        border-radius: 4px;                       /* Bordes redondeados */
    }
    .form-pendiente-creacion strong[b-7ipdx6ru9h] {
        color: #FF8C00;                           /* Naranja oscuro (DarkOrange) */
        font-size: var(--texto-11pt);             /* Tamaño 11pt */
    }
    .form-pendiente-creacion p[b-7ipdx6ru9h] {
        margin-bottom: 0;                         /* Quitar espacio extra abajo */
    }

/* ===== BOTÓN ANEXAR ARCHIVOS ===== */
/* Usa .boton-chico de app.css - aquí solo color */
.btn-anexos[b-7ipdx6ru9h] {
    background-color: #90D090;                /* Verde claro */
}

.texto-sin-anexos[b-7ipdx6ru9h] {
    color: #666666;                           /* Gris oscuro */
    font-style: italic;                       /* Itálicas */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
}

.lista-anexos[b-7ipdx6ru9h] {
    color: #228B22;                           /* Verde bosque (ForestGreen) */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
}

.anexo-item[b-7ipdx6ru9h] {
    font-weight: normal;                      /* Sin negritas */
}

/* ===== BOTÓN ENVIAR REQUERIMIENTO ===== */
/* Usa .boton de app.css (9pt) - aquí solo colores */
.btn-enviar-req[b-7ipdx6ru9h] {
    background-color: var(--color-reqs);      /* Amarillo del módulo */
    color: #000000;                           /* Negro */
    margin-left: 0;
}

/* ===== VALIDACIÓN ===== */
.validation-error[b-7ipdx6ru9h] {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-16pt);             /* Tamaño 16pt (x-large) */
    margin-left: 0.31rem;                     /* Margen izquierdo (5px) */
}

/* ===== PANEL DE ESPERA ===== */
.panel-wait[b-7ipdx6ru9h] {
    text-align: center;                       /* Centrado */
    padding: 2.5rem 1.25rem;                  /* Padding (40px 20px) */
    background-color: #FFFFFF;                /* Fondo blanco */
}

.panel-wait img[b-7ipdx6ru9h] {
    width: 3rem;                              /* Ancho (48px) */
    height: 3rem;                             /* Alto (48px) */
}

.mensaje-wait[b-7ipdx6ru9h] {
    color: #008000;                           /* Verde */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

.detalle-wait[b-7ipdx6ru9h] {
    color: #008000;                           /* Verde */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

/* ===== PANEL DE MENSAJE (ÉXITO/ERROR) ===== */
.panel-mensaje[b-7ipdx6ru9h] {
    text-align: center;                       /* Centrado */
    padding: 1.875rem 1.25rem;                /* Padding (30px 20px) */
    margin-top: 1rem;                         /* Separado de la barra de filtros */
}

.panel-exito[b-7ipdx6ru9h] {
    background-color: #228B22;                /* Verde bosque (ForestGreen) */
    color: #FFFFFF;                           /* Blanco */
}

.panel-error[b-7ipdx6ru9h] {
    background-color: #8B0000;                /* Rojo oscuro (DarkRed) */
    color: #FFFFFF;                           /* Blanco */
}

.mensaje-texto[b-7ipdx6ru9h] {
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: normal;                      /* Sin negritas */
    margin-bottom: 1.25rem;                   /* Margen inferior (20px) */
    white-space: pre-line;                    /* Respeta saltos de línea */
}

.mensaje-botones[b-7ipdx6ru9h] {
    display: flex;                            /* Flexbox */
    justify-content: center;                  /* Centrado horizontal */
    gap: 0.625rem;                            /* Espacio entre botones (10px) */
}

/* Usa .boton-chico de app.css (7pt) - aquí solo colores */
.btn-mensaje[b-7ipdx6ru9h] {
    margin-left: 0.625rem;                    /* Margen izquierdo (10px) */
    background-color: #f2f2f2;                /* Gris claro */
    color: #000000;                           /* Negro */
}

.btn-mensaje:first-child[b-7ipdx6ru9h] {
    margin-left: 0;                           /* Sin margen para el primero */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .label-alineada[b-7ipdx6ru9h] {
        text-align: left;                     /* Alineado izquierda en móvil */
        width: 100%;                          /* Ancho completo */
        margin-bottom: 0.125rem;              /* Margen inferior (2px) */
    }

    .text-dato[b-7ipdx6ru9h] {
        width: 100%;                          /* Ancho completo */
        min-width: 100%;                      /* Sin ancho mínimo */
    }

    .multi-depto-list[b-7ipdx6ru9h] {
        columns: 2;                            /* 2 columnas en móvil */
    }

    .link-politica[b-7ipdx6ru9h],
    .link-ejemplo[b-7ipdx6ru9h],
    .texto-deshabilitado[b-7ipdx6ru9h] {
        display: block;                       /* Bloque en móvil */
        margin-left: 0;                       /* Sin margen izquierdo */
        margin-top: 0.25rem;                  /* Margen superior (4px) */
    }

    .input-motivo[b-7ipdx6ru9h] {
        width: 100%;                          /* Ancho completo */
    }

    .combo-usuarios[b-7ipdx6ru9h] {
        width: 100%;                          /* Ancho completo */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-7ipdx6ru9h] {
    --spinner-color: var(--color-reqs);
}
/* _content/SiREI_2026/Components/Pages/02Req/ReqRecurrentes.razor.rz.scp.css */
/*
   ReqRecurrentes.razor.css
   Listado de requerimientos recurrentes/programados.
   Muestra configuración de recurrencia y estado activo/inactivo.
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal-sirei[b-imvr0gmkpq] {
    padding-top: 0;                           /* Sin padding superior */
}

/* ===== BARRA DE FILTROS ===== */
.barra-filtros[b-imvr0gmkpq] {
    background-color: #FFF7CC;                /* Amarillo - módulo Requerimientos */
}

/* ===== LISTA DE REQUERIMIENTOS ===== */
.reqs-list[b-imvr0gmkpq] {
    display: flex;                            /* Flexbox vertical */
    flex-direction: column;                   /* Apilado vertical */
    gap: 1px;                                 /* Espacio mínimo */
}

.req-item[b-imvr0gmkpq] {
    display: flex;                            /* Flexbox horizontal */
    gap: 0.625rem;                            /* Espacio entre elementos (10px) */
    padding: 0.5rem;                          /* Padding (8px) */
    background-color: #FFFFFF;                /* Fondo blanco */
    border-bottom: 1px solid #808080;         /* Borde inferior gris */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.req-item.req-inactivo[b-imvr0gmkpq] {
    background-color: #F5F5F5;                /* Fondo gris claro para inactivos */
}

/* ===== COLUMNA DE BOTONES ===== */
.req-column-botones[b-imvr0gmkpq] {
    width: 6.25rem;                           /* Ancho fijo (100px) */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    align-items: center;                      /* Centrado horizontal */
    justify-content: flex-start;              /* Alineado arriba */
    gap: 0.3125rem;                           /* Espacio entre botones (5px) */
}

.label-inactivo[b-imvr0gmkpq] {
    width: 5rem;                              /* Ancho fijo (80px) */
    background-color: #808080;                /* Gris */
    color: #F5F5F5;                           /* Blanco humo */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.boton-chico[b-imvr0gmkpq] {
    background-color: #FF7C80;                /* Coral / Rojo suave */
}

/* ===== COLUMNA DE INFORMACIÓN ===== */
.req-column-info[b-imvr0gmkpq] {
    flex: 1;                                  /* Ocupa espacio restante */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    gap: 0.25rem;                             /* Espacio entre líneas (4px) */
}

/* ===== TÍTULO DEL REQ ===== */
.req-titulo[b-imvr0gmkpq] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    color: #000000;                           /* Negro */
}

.req-titulo strong[b-imvr0gmkpq] {
    font-weight: bold;                        /* Negritas */
}

.req-titulo-link[b-imvr0gmkpq] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    color: #000000;                           /* Negro */
    text-decoration: none;                    /* Sin subrayado */
}

.req-titulo-link:hover[b-imvr0gmkpq] {
    text-decoration: underline;               /* Subrayado al hover */
}

.req-titulo-link strong[b-imvr0gmkpq] {
    font-weight: bold;                        /* Negritas */
}

/* ===== DETALLES ===== */
.req-detalle[b-imvr0gmkpq] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    color: #000000;                           /* Negro */
    line-height: 1.3;                         /* Altura de línea */
}

.label-pequeno[b-imvr0gmkpq] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-weight: normal;                      /* Sin negritas */
}

/* ===== LINK DE LOG ===== */
.link-log[b-imvr0gmkpq] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #696969;                           /* Gris oscuro (DimGray) */
    text-decoration: underline;               /* Subrayado */
    margin: 0 0.5rem;                         /* Márgenes laterales (8px) */
}

.link-log:hover[b-imvr0gmkpq] {
    color: #000000;                           /* Negro al hover */
}

/* ===== LABEL PROCESA ===== */
.label-procesa[b-imvr0gmkpq] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
    font-weight: bold;                        /* Negritas */
    margin-left: 0.5rem;                      /* Separación izquierda (8px) */
}

.valor-procesa[b-imvr0gmkpq] {
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
    font-weight: normal;                      /* Sin negritas */
}

/* ===== TEXTO DE RECURRENCIA ===== */
.req-recurrencia[b-imvr0gmkpq] {
    color: #00C000;                           /* Verde */
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    margin-top: 0.3125rem;                    /* Separación superior (5px) */
    line-height: 1.3;                         /* Altura de línea */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .req-column-botones[b-imvr0gmkpq] {
        width: 4.5rem;                        /* Ancho reducido (72px) */
    }

    .label-inactivo[b-imvr0gmkpq] {
        width: 4rem;                          /* Ancho reducido (64px) */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-imvr0gmkpq] {
    --spinner-color: var(--color-reqs);
}
/* _content/SiREI_2026/Components/Pages/03Enc/EncConfirma.razor.rz.scp.css */
/*
   EncConfirma.razor.css
   Confirmación de encuestas de satisfacción.
   Módulo 03Enc (Morado).
*/

/* ===== INPUT NUMBER SIN FLECHAS ===== */
.barra-filtros-input-req[b-bpgxart5mv]::-webkit-inner-spin-button,
.barra-filtros-input-req[b-bpgxart5mv]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.barra-filtros-input-req[b-bpgxart5mv] {
    -moz-appearance: textfield;                   /* Firefox */
}

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Solo pegamos la barra de filtros a la barra del SiREI */
.contenedor-principal-sirei[b-bpgxart5mv] {
    padding-top: 0;                           /* Sin padding superior */
}

/* ===== BARRA DE FILTROS ===== */
/* Solo el color, lo demás viene del app.css */
.barra-filtros[b-bpgxart5mv] {
    background-color: #F5F5F5;                /* Gris claro - módulo 03Enc */
}

/* ===== CONTENEDOR DEL REQUERIMIENTO ===== */
/* Fondo amarillo para destacar */
.req-container[b-bpgxart5mv] {
    background-color: #FFFFC0;                /* Amarillo claro */
    padding: 0.63rem;                         /* Padding (10px) */
    margin-bottom: 0.63rem;                   /* Margen inferior (10px) */
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    line-height: var(--line-height-normal);   /* Altura de línea normal */
}

/* Info del requerimiento */
.req-info-fecha[b-bpgxart5mv] {
    margin-bottom: 0.31rem;                   /* Margen inferior (5px) */
    font-weight: bold;                        /* Negritas */
    padding-left: 1rem;                       /* Padding izquierdo (16px) */
}

.req-info-principal[b-bpgxart5mv] {
    margin-top: 0.63rem;                      /* Margen superior (10px) */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

.req-link-requerimiento[b-bpgxart5mv] {
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
    text-decoration: none;                    /* Sin subrayado */
}

.req-link-requerimiento:hover[b-bpgxart5mv] {
    text-decoration: underline;               /* Subrayado en hover */
}

.req-motivo-label[b-bpgxart5mv] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: bold;                        /* Negritas */
}

.req-motivo[b-bpgxart5mv] {
    font-weight: normal;                      /* Sin negritas */
}

.req-info-general[b-bpgxart5mv] {
    font-weight: normal;                      /* Sin negritas */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.req-procesa-label[b-bpgxart5mv] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    font-weight: bold;                        /* Negritas */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
}

.req-procesa-nombre[b-bpgxart5mv] {
    font-weight: normal;                      /* Sin negritas */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
}

.req-prioridad-label[b-bpgxart5mv] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* Log y Obstruye / Depende */
.req-log[b-bpgxart5mv] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    margin-right: 1rem;                       /* Margen derecho (16px) */
}

.req-obs-text[b-bpgxart5mv] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.req-obs[b-bpgxart5mv] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* Resolución */
.req-resolucion-label[b-bpgxart5mv] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: bold;                        /* Negritas */
}

.req-resolucion-texto[b-bpgxart5mv] {
    font-weight: normal;                      /* Sin negritas */
    line-height: var(--line-height-normal);   /* Altura de línea normal */
}

/* ===== ETIQUETAS DE ESTADO DEL REQ ===== */
.label-terminado[b-bpgxart5mv] {
    color: #228B22;                           /* Verde bosque (ForestGreen) */
    font-weight: bold;                        /* Negritas */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.label-xconfirmar[b-bpgxart5mv] {
    color: #C00000;                           /* Rojo oscuro */
    font-weight: bold;                        /* Negritas */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.label-tarde[b-bpgxart5mv] {
    background-color: #FF0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
    font-weight: bold;                        /* Negritas */
    padding: 0.13rem 0.31rem;                 /* Padding (2px 5px) */
    border-radius: 4px;                       /* Bordes redondeados */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.label-super[b-bpgxart5mv] {
    background-color: #800080;                /* Morado (Purple) */
    color: #FFFFFF;                           /* Blanco */
    font-weight: bold;                        /* Negritas */
    padding: 0.13rem 0.31rem;                 /* Padding (2px 5px) */
    border-radius: 4px;                       /* Bordes redondeados */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.label-urge[b-bpgxart5mv] {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.label-prioridad[b-bpgxart5mv] {
    color: #696969;                           /* Gris (DimGray) */
    font-weight: bold;                        /* Negritas */
    margin-right: 0.3rem;                     /* Margen derecho */
}

/* ===== SECCIÓN DE DECISIÓN SI/NO ===== */
.decision-container[b-bpgxart5mv] {
    margin: 0.94rem 0;                        /* Margen vertical (15px) */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

.decision-pregunta[b-bpgxart5mv] {
    max-width: 25rem;                         /* Ancho máximo (400px) */
}

.decision-flex[b-bpgxart5mv] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 1.25rem;                             /* Gap (20px) */
    flex-wrap: wrap;                          /* Permite wrap */
}

/* RadioButtonList personalizado */
.radio-group[b-bpgxart5mv] {
    display: flex;                            /* Flexbox */
    flex-direction: row;                      /* Dirección horizontal */
    gap: 0.94rem;                             /* Gap (15px) */
}

.radio-group label[b-bpgxart5mv] {
    cursor: pointer;                          /* Cursor pointer */
}

.radio-horizontal[b-bpgxart5mv] {
    display: flex;                            /* Flexbox */
    flex-direction: row;                      /* Dirección fila */
    gap: 0.94rem;                             /* Gap (15px) */
    flex-wrap: wrap;                          /* Permite wrap */
}

.radio-horizontal label[b-bpgxart5mv] {
    cursor: pointer;                          /* Cursor pointer */
}

/* ===== PANEL SI - MOSTRAR ENCUESTA ===== */
.panel-si[b-bpgxart5mv] {
    border-top: 2px solid #D8BFD8;            /* Borde morado (Thistle) */
    padding-top: 0.63rem;                     /* Padding superior (10px) */
    margin-top: 0.63rem;                      /* Margen superior (10px) */
    line-height: var(--line-height-normal);   /* Altura de línea normal */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

.panel-si .texto-morado[b-bpgxart5mv] {
    color: #8B008B;                           /* Morado oscuro (DarkMagenta) */
}

/* Tabla de preguntas de encuesta */
.tabla-encuesta[b-bpgxart5mv] {
    width: 100%;                              /* Ancho completo */
    max-width: 50rem;                         /* Ancho máximo (800px) */
    margin: 0.63rem 0;                        /* Margen vertical (10px) */
}

.tabla-encuesta td[b-bpgxart5mv] {
    padding: 0.5rem 0.31rem;                  /* Padding (8px 5px) */
    vertical-align: top;                      /* Alineado arriba */
}

.tabla-encuesta td:first-child[b-bpgxart5mv] {
    width: 26.88rem;                          /* Ancho (430px) */
}

/* Comentarios adicionales */
.comentarios-label[b-bpgxart5mv] {
    margin-bottom: 0.31rem;                   /* Margen inferior (5px) */
}

/* Textarea para comentarios e inconformidad */
.textarea-comentarios[b-bpgxart5mv] {
    width: 95%;                               /* Ancho 95% */
    min-height: 3.69rem;                      /* Altura mínima (59px) */
    resize: vertical;                         /* Solo redimensiona vertical */
    padding: 0.31rem;                         /* Padding (5px) */
    border: 1px solid #CCCCCC;                /* Borde gris claro */
    border-radius: 4px;                       /* Bordes redondeados */
}

/* ===== PANEL NO - MOSTRAR INCONFORMIDAD ===== */
.panel-no[b-bpgxart5mv] {
    border-top: 2px solid #CC0033;            /* Borde rojo */
    padding-top: 0.63rem;                     /* Padding superior (10px) */
    margin-top: 0.63rem;                      /* Margen superior (10px) */
    line-height: var(--line-height-normal);   /* Altura de línea normal */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

.panel-no .texto-rojo[b-bpgxart5mv] {
    color: #CC0033;                           /* Rojo */
}

.panel-no-subrayado[b-bpgxart5mv] {
    text-decoration: underline;               /* Subrayado */
}

/* ===== BOTONES ===== */
/* Usa .boton de app.css (9pt) - aquí solo colores y ancho */

/* Botón "Dar requerimiento por Terminado" */
.btn-terminado[b-bpgxart5mv] {
    width: 18.75rem;                          /* Ancho (300px) */
    background-color: #D8BFD8;                /* Morado claro (Thistle) */
    margin-left: 0;                           /* en este caso no lo ocupa*/
}

/* Botón "El requerimiento aún NO está Terminado" */
.btn-no-terminado[b-bpgxart5mv] {
    width: 18.75rem;                          /* Ancho (300px) */
    background-color: #C00000;                /* Rojo oscuro */
    color: #FFFFFF;                           /* Blanco */
    margin-left: 0;                           /* en este caso no lo ocupa*/
}

/* Botón "Continuar" */
/* Usa .boton-chico de app.css (7pt) - más pequeño */
.btn-continuar[b-bpgxart5mv] {
    background-color: #EAEAEA;                /* Gris claro */
}

/* Mensaje de validación de formulario */
.msg-validacion[b-bpgxart5mv] {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    margin-top: 0.63rem;                      /* Margen superior (10px) */
}

/* ===== PANEL SIN RESULTADOS ===== */
.lista-causas[b-bpgxart5mv] {
    display: inline-block;                    /* Bloque inline */
    text-align: left;                         /* Alineado izquierda */
}

.lista-causas li[b-bpgxart5mv] {
    padding-left: 0.5rem;                     /* Padding izquierdo (8px) */
}

/* ===== PANEL DE ERROR DE ENVÍO ===== */
.panel-error-envio[b-bpgxart5mv] {
    background-color: #CC0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
    padding: 1.25rem;                         /* Padding (20px) */
    text-align: center;                       /* Centrado */
}

/* ===== PANEL DE MENSAJE "ESPERA" ===== */
.panel-mensaje[b-bpgxart5mv] {
    text-align: center;                       /* Centrado */
    padding: 1.25rem;                         /* Padding (20px) */
}

.panel-mensaje .texto-verde[b-bpgxart5mv] {
    color: #008000;                           /* Verde */
    font-weight: bold;                        /* Negritas */
}

.panel-mensaje img[b-bpgxart5mv] {
    max-width: 3.13rem;                       /* Ancho máximo (50px) */
    height: auto;                             /* Altura automática */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .decision-flex[b-bpgxart5mv] {
        flex-direction: column;               /* Dirección columna */
        align-items: flex-start;              /* Alineado izquierda */
    }

    .decision-pregunta[b-bpgxart5mv] {
        max-width: 100%;                      /* Ancho completo */
    }

    .tabla-encuesta td:first-child[b-bpgxart5mv] {
        width: 100%;                          /* Ancho completo */
    }


    .radio-horizontal[b-bpgxart5mv] {
        gap: 0.5rem;                          /* Gap reducido */
    }

    .btn-terminado[b-bpgxart5mv],
    .btn-no-terminado[b-bpgxart5mv] {
        max-width: 100%;                      /* No se sale del contenedor */
    }

    .textarea-comentarios[b-bpgxart5mv] {
        width: 100%;                          /* Ancho completo */
    }
}

/* Responsive más pequeño: tabla en bloques */
@media (max-width: 600px) {
    .tabla-encuesta tr[b-bpgxart5mv] {
        display: block;                       /* Bloque */
        margin-bottom: 1.25rem;               /* Margen inferior (20px) */
        border-bottom: 1px solid #EEEEEE;     /* Borde gris claro */
        padding-bottom: 0.63rem;              /* Padding inferior (10px) */
    }

    .tabla-encuesta td[b-bpgxart5mv] {
        display: block;                       /* Bloque */
        width: 100% !important;               /* Ancho completo */
        padding: 0.31rem 0;                   /* Padding vertical (5px) */
    }

    .radio-horizontal[b-bpgxart5mv] {
        flex-wrap: wrap;                      /* Permite wrap si no caben */
        gap: 0.4rem;                          /* Gap compacto */
        margin-top: 0.63rem;                  /* Margen superior (10px) */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-bpgxart5mv] {
    --spinner-color: var(--color-encu);
}
/* _content/SiREI_2026/Components/Pages/03Enc/EncConsulta.razor.rz.scp.css */
/*
   EncConsulta.razor.css
   Consulta de encuestas de satisfacción.
   Módulo 03Enc (Morado).
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Pegamos la barra de filtros a la barra del SiREI */
.contenedor-principal-sirei[b-sxq2khk46o] {
    padding-top: 0;                           /* Sin padding superior */
}

/* ===== BARRA DE FILTROS ===== */
/* Solo el color, lo demás viene del app.css */
.barra-filtros[b-sxq2khk46o] {
    background-color: #F5F5F5;                /* Gris claro - módulo 03Enc */
}

/* Segunda línea de filtros (calificaciones) */
.barra-filtros-calificaciones[b-sxq2khk46o] {
    border-top: 1px solid #E0E0E0;            /* Borde gris */
}

/* ===== LISTADO DE ENCUESTAS ===== */
.encuestas-list[b-sxq2khk46o] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    gap: 0;                                   /* Sin gap */
}

/* Cada item de encuesta */
.encuesta-item[b-sxq2khk46o] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    padding: 0.5rem;                          /* Padding (8px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    border-bottom: solid 1px #B0B0B0;         /* Borde inferior gris */
}

/* Alternancia de colores */
/* ItemStyle (par/normal) → fondo #F7F6F3, texto #333333 */
.encuesta-item-normal[b-sxq2khk46o] {
    background-color: #F7F6F3;                /* Beige claro */
    color: #333333;                           /* Gris oscuro */
}

/* AlternatingItemStyle (impar) → fondo White, texto #284775 */
.encuesta-item-alterna[b-sxq2khk46o] {
    background-color: #FFFFFF;                /* Blanco */
    color: #284775;                           /* Azul oscuro */
}

/* ===== LÍNEA 1: REQ EVALUADO, FECHAS (todo el ancho) ===== */
.encuesta-linea1[b-sxq2khk46o] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    margin-bottom: 0.15rem;                   /* Margen inferior mínimo */
}

/* ===== LÍNEA 2: PROCESADO + VALORES ===== */
.encuesta-linea2[b-sxq2khk46o] {
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Info izq, valores der */
    align-items: baseline;                    /* Alineado en línea base */
    margin-bottom: 0.15rem;                   /* Margen inferior mínimo */
    gap: 0.5rem;                              /* Espacio entre info y valores */
}

.encuesta-linea2-info[b-sxq2khk46o] {
    flex: 1;                                  /* Ocupa espacio disponible */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    /* Sin padding-left: P alineada con R de Req. Evaluado */
}

/* Labels pequeños (XX-Small en original) */
.label-pequeno[b-sxq2khk46o] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-weight: normal;                      /* Sin negritas */
    margin-left: 0.5rem;                      /* Margen izquierdo (8px) */
}

.label-pequeno:first-child[b-sxq2khk46o] {
    margin-left: 0;                           /* Sin margen en el primero */
}

/* Link al detalle del req */
.link-req[b-sxq2khk46o] {
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
    text-decoration: none;                    /* Sin subrayado */
}

.link-req:hover[b-sxq2khk46o] {
    text-decoration: underline;               /* Subrayado en hover */
}

/* Label SUPER (morado) */
.label-super[b-sxq2khk46o] {
    color: #800080;                           /* Morado (Purple) */
    font-weight: bold;                        /* Negritas */
    margin: 0 0.25rem;                        /* Margen horizontal (4px) */
}

/* Label TARDE (rojo) */
.label-tarde[b-sxq2khk46o] {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    margin: 0 0.25rem;                        /* Margen horizontal (4px) */
}

/* ===== LÍNEA 3: LABELS (alineados derecha) ===== */
.encuesta-linea3[b-sxq2khk46o] {
    display: flex;                            /* Flexbox */
    justify-content: flex-end;                /* Labels a la derecha */
}

/* Procesado por (en rojo oscuro) */
.label-procesado[b-sxq2khk46o] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
    font-weight: bold;                        /* Negritas */
}

.valor-procesado[b-sxq2khk46o] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
    font-weight: normal;                      /* Sin negritas */
}

/* Fecha que no se parte */
.fecha-no-partir[b-sxq2khk46o] {
    white-space: nowrap;                      /* No permite que se parta */
}

/* ===== CALIFICACIONES - VALORES (línea 1) ===== */
.calificaciones-valores[b-sxq2khk46o] {
    display: flex;                            /* Flexbox */
    gap: 0.625rem;                            /* Gap (10px) */
    flex-shrink: 0;                           /* No encoge */
}

.calificaciones-valores .calificacion-link[b-sxq2khk46o] {
    min-width: 4.5rem;                        /* Ancho mínimo (72px) */
    text-align: center;                       /* Centrado */
}

/* ===== CALIFICACIONES - LABELS (línea 2) ===== */
.calificaciones-labels[b-sxq2khk46o] {
    display: flex;                            /* Flexbox */
    gap: 0.625rem;                            /* Gap (10px) */
    flex-shrink: 0;                           /* No encoge */
}

/* Link de calificación (valores) */
.calificacion-link[b-sxq2khk46o] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
    text-decoration: none;                    /* Sin subrayado */
}

.calificacion-link:hover[b-sxq2khk46o] {
    text-decoration: underline;               /* Subrayado solo en hover */
    color: #666666;                           /* Gris medio en hover */
}

/* Label de calificación */
.calificacion-label[b-sxq2khk46o] {
    min-width: 4.5rem;                        /* Ancho mínimo (72px) */
    text-align: center;                       /* Centrado */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #666666;                           /* Gris medio */
}

/* PC/Móvil: textos diferentes según dispositivo */
.solo-pc[b-sxq2khk46o] {
    display: inline;                          /* Visible en PC */
}

.solo-movil[b-sxq2khk46o] {
    display: none;                            /* Oculto en PC */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    /* Línea 2: en columna en móvil */
    .encuesta-linea2[b-sxq2khk46o] {
        flex-direction: column;               /* Apilado vertical */
        align-items: stretch;                 /* Hijos ocupan ancho completo */
        gap: 0.3rem;                          /* Gap reducido */
    }

    /* Valores: centrados horizontalmente */
    .calificaciones-valores[b-sxq2khk46o] {
        align-self: center;                   /* Centra el div en el padre */
        flex-shrink: 1;                       /* Permite encogerse */
        gap: 0.4rem;                          /* Gap reducido */
    }

    /* Labels: centrados horizontalmente */
    .calificaciones-labels[b-sxq2khk46o] {
        align-self: center;                   /* Centra el div en el padre */
        flex-shrink: 1;                       /* Permite encogerse */
        gap: 0.4rem;                          /* Gap reducido */
    }

    /* Línea 3: centrar su contenido */
    .encuesta-linea3[b-sxq2khk46o] {
        justify-content: center;              /* Centrado */
    }

    .calificaciones-valores .calificacion-link[b-sxq2khk46o],
    .calificacion-label[b-sxq2khk46o] {
        min-width: 3.5rem;                    /* Ancho reducido (56px) */
    }

    /* Textos cortos en móvil */
    .solo-pc[b-sxq2khk46o] {
        display: none;                        /* Oculto en móvil */
    }

    .solo-movil[b-sxq2khk46o] {
        display: inline;                      /* Visible en móvil */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-sxq2khk46o] {
    --spinner-color: var(--color-encu);
}
/* _content/SiREI_2026/Components/Pages/03Enc/EncDetalle.razor.rz.scp.css */
/*
   EncDetalle.razor.css
   Detalle de encuesta con calificaciones.
   Módulo 03Enc (Morado).
*/

/* ===== INPUT NUMBER SIN FLECHAS ===== */
.barra-filtros-input-req[b-rf1fltvxhw]::-webkit-inner-spin-button,
.barra-filtros-input-req[b-rf1fltvxhw]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.barra-filtros-input-req[b-rf1fltvxhw] {
    -moz-appearance: textfield;                   /* Firefox */
}

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Solo pegamos la barra de filtros a la barra del SiREI */
.contenedor-principal-sirei[b-rf1fltvxhw] {
    padding-top: 0;                           /* Sin padding superior */
}

/* ===== BARRA DE FILTROS ===== */
/* Solo el color, lo demás viene del app.css */
.barra-filtros[b-rf1fltvxhw] {
    background-color: #F5F5F5;                /* Gris claro - módulo 03Enc */
}

/* ===== CONTENEDOR DEL REQUERIMIENTO ===== */
/* Fondo amarillo para destacar */
.req-container[b-rf1fltvxhw] {
    background-color: #FFFFC0;                /* Amarillo claro */
    padding: 0.63rem;                         /* Padding (10px) */
    margin-bottom: 0.63rem;                   /* Margen inferior (10px) */
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    line-height: var(--line-height-normal);   /* Altura de línea normal */
}

/* Info del requerimiento */
.req-info-fecha[b-rf1fltvxhw] {
    margin-bottom: 0.31rem;                   /* Margen inferior (5px) */
    font-weight: bold;                        /* Negritas */
    padding-left: 1rem;                       /* Padding izquierdo (16px) */
}

.req-info-principal[b-rf1fltvxhw] {
    margin-top: 0.63rem;                      /* Margen superior (10px) */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

.req-link-requerimiento[b-rf1fltvxhw] {
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
    text-decoration: none;                    /* Sin subrayado */
}

.req-link-requerimiento:hover[b-rf1fltvxhw] {
    text-decoration: underline;               /* Subrayado en hover */
}

.req-info-general[b-rf1fltvxhw] {
    font-weight: normal;                      /* Sin negritas */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.req-procesa-label[b-rf1fltvxhw] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    font-weight: bold;                        /* Negritas */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
}

.req-procesa-nombre[b-rf1fltvxhw] {
    font-weight: normal;                      /* Sin negritas */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
}

.req-prioridad-label[b-rf1fltvxhw] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* Log y Obstruye / Depende */
.req-log[b-rf1fltvxhw] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    margin-right: 1rem;                       /* Margen derecho (16px) */
}

.req-obs-text[b-rf1fltvxhw] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.req-obs[b-rf1fltvxhw] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* ===== ETIQUETAS DE ESTADO DEL REQ ===== */
.label-terminado[b-rf1fltvxhw] {
    color: #228B22;                           /* Verde bosque (ForestGreen) */
    font-weight: bold;                        /* Negritas */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.label-tarde[b-rf1fltvxhw] {
    background-color: #FF0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
    font-weight: bold;                        /* Negritas */
    padding: 0.13rem 0.31rem;                 /* Padding (2px 5px) */
    border-radius: 4px;                       /* Bordes redondeados */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.label-super[b-rf1fltvxhw] {
    background-color: #800080;                /* Morado (Purple) */
    color: #FFFFFF;                           /* Blanco */
    font-weight: bold;                        /* Negritas */
    padding: 0.13rem 0.31rem;                 /* Padding (2px 5px) */
    border-radius: 4px;                       /* Bordes redondeados */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.label-urge[b-rf1fltvxhw] {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    margin-right: 0.3rem;                     /* Margen derecho */
}

.label-prioridad[b-rf1fltvxhw] {
    color: #696969;                           /* Gris (DimGray) */
    font-weight: bold;                        /* Negritas */
    margin-right: 0.3rem;                     /* Margen derecho */
}

/* ===== SECCIÓN DE RESULTADOS DE ENCUESTA ===== */
/* Contenedor principal de resultados de encuesta */
.encuesta-resultado[b-rf1fltvxhw] {
    border-top: 2px solid #D8BFD8;            /* Borde morado (Thistle) */
    border-bottom: 2px solid #D8BFD8;         /* Borde morado */
    padding: 0.63rem 0;                       /* Padding vertical (10px) */
    margin-top: 0.63rem;                      /* Margen superior (10px) */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    line-height: var(--line-height-normal);   /* Altura de línea normal */
}

/* Texto descriptivo: quién solicitó, quién evaluó, fechas */
.encuesta-descripcion[b-rf1fltvxhw] {
    color: #8B008B;                           /* Morado oscuro (DarkMagenta) */
    margin-bottom: 1rem;                      /* Margen inferior (16px) */
}

/* Tabla de calificaciones de la encuesta */
.tabla-encuesta-resultado[b-rf1fltvxhw] {
    width: 100%;                              /* Ancho completo */
    max-width: 50rem;                         /* Ancho máximo (800px) */
    margin: 0.63rem 0;                        /* Margen vertical (10px) */
    border-collapse: collapse;                /* Bordes colapsados */
}

/* Celda de pregunta */
.pregunta-texto[b-rf1fltvxhw] {
    padding: 0.5rem 0.31rem;                  /* Padding (8px 5px) */
    vertical-align: top;                      /* Alineado arriba */
    width: 22.5rem;                           /* Ancho (360px) */
}

/* Celda de opciones */
.pregunta-opciones[b-rf1fltvxhw] {
    padding: 0.5rem 0.31rem;                  /* Padding (8px 5px) */
    vertical-align: top;                      /* Alineado arriba */
}

/* Opción NO seleccionada: texto pequeño y gris */
.opcion-normal[b-rf1fltvxhw] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #666666;                           /* Gris medio */
    margin-right: 1rem;                       /* Margen derecho (16px) */
}

/* Opción SELECCIONADA: texto grande y bold */
.opcion-seleccionada[b-rf1fltvxhw] {
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
    margin-right: 1rem;                       /* Margen derecho (16px) */
}

/* Sección de comentario adicional */
.comentario-adicional[b-rf1fltvxhw] {
    margin-top: 1rem;                         /* Margen superior (16px) */
    padding-top: 0.5rem;                      /* Padding superior (8px) */
}

.comentario-label[b-rf1fltvxhw] {
    color: #A9A9A9;                           /* Gris (DarkGray) */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

.comentario-texto[b-rf1fltvxhw] {
    margin-top: 0.5rem;                       /* Margen superior (8px) */
    line-height: var(--line-height-normal);   /* Altura de línea normal */
}

/* ===== PANEL DE ERROR ===== */
/* Cuando no se puede mostrar el req */
.lista-causas[b-rf1fltvxhw] {
    display: inline-block;                    /* Bloque inline */
    text-align: left;                         /* Alineado izquierda */
}

.lista-causas li[b-rf1fltvxhw] {
    padding-left: 0.5rem;                     /* Padding izquierdo (8px) */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .pregunta-texto[b-rf1fltvxhw] {
        width: 100%;                          /* Ancho completo */
    }

    .tabla-encuesta-resultado[b-rf1fltvxhw] {
        font-size: var(--texto-9pt);          /* Tamaño reducido */
    }
}

/* Responsive más pequeño: convertir tabla en bloques */
@media (max-width: 600px) {
    .tabla-encuesta-resultado tr[b-rf1fltvxhw] {
        display: block;                       /* Bloque */
        margin-bottom: 1.25rem;               /* Margen inferior (20px) */
        border-bottom: 1px solid #EEEEEE;     /* Borde gris claro */
        padding-bottom: 0.63rem;              /* Padding inferior (10px) */
    }

    .tabla-encuesta-resultado td[b-rf1fltvxhw] {
        display: block;                       /* Bloque */
        width: 100% !important;               /* Ancho completo */
        padding: 0.31rem 0;                   /* Padding vertical (5px) */
    }

    .pregunta-opciones[b-rf1fltvxhw] {
        margin-top: 0.5rem;                   /* Margen superior (8px) */
        text-align: center;                   /* Centrado horizontal */
    }

    /* En móvil las opciones van horizontales centradas */
    .pregunta-opciones span[b-rf1fltvxhw] {
        display: inline-block;                /* Inline block */
        margin-right: 0.5rem;                 /* Margen derecho (8px) */
        margin-bottom: 0.25rem;               /* Margen inferior (4px) */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-rf1fltvxhw] {
    --spinner-color: var(--color-encu);
}
/* _content/SiREI_2026/Components/Pages/03Enc/EncInconf.razor.rz.scp.css */
/*
   EncInconf.razor.css
   Inconformidades de encuestas.
   Módulo 03Enc (Morado).
*/

/* ===== INPUT NUMBER SIN FLECHAS ===== */
.barra-filtros-input-req[b-3dzam2pugk]::-webkit-inner-spin-button,
.barra-filtros-input-req[b-3dzam2pugk]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.barra-filtros-input-req[b-3dzam2pugk] {
    -moz-appearance: textfield;                   /* Firefox */
}

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Solo pegamos la barra de filtros a la barra del SiREI */
.contenedor-principal-sirei[b-3dzam2pugk] {
    padding-top: 0;                           /* Sin padding superior */
}

/* ===== BARRA DE FILTROS ===== */
/* Solo el color, lo demás viene del app.css */
.barra-filtros[b-3dzam2pugk] {
    background-color: #F5F5F5;                /* Gris claro - módulo 03Enc */
}

/* ===== LISTADO DE INCONFORMIDADES ===== */
.inconf-list[b-3dzam2pugk] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    gap: 0;                                   /* Sin gap */
}

/* Cada item de inconformidad */
.inconf-item[b-3dzam2pugk] {
    display: flex;                            /* Flexbox */
    gap: 0;                                   /* Sin gap */
    padding: 0.5rem;                          /* Padding (8px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    min-height: 5rem;                         /* Altura mínima (80px) */
}

/* Alternancia de colores */
/* ItemStyle (par/normal) → fondo Linen (#FAF0E6), texto #333333 */
.inconf-item-normal[b-3dzam2pugk] {
    background-color: #FAF0E6;                /* Linen (beige rosado) */
    color: #333333;                           /* Gris oscuro */
}

/* AlternatingItemStyle (impar) → fondo White, texto #284775 */
.inconf-item-alterna[b-3dzam2pugk] {
    background-color: #FFFFFF;                /* Blanco */
    color: #284775;                           /* Azul oscuro */
}

/* ===== COLUMNA PRESENTADOR (20%) ===== */
.inconf-presentador[b-3dzam2pugk] {
    width: 20%;                               /* Ancho reducido */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    gap: 0.25rem;                             /* Gap (4px) */
    padding-right: 0.625rem;                  /* Padding derecho (10px) */
}

.presentador-nombre[b-3dzam2pugk] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    font-weight: normal;                      /* Sin negritas */
}

.presentador-fecha[b-3dzam2pugk] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    font-weight: normal;                      /* Sin negritas */
}

/* ===== SEPARADOR VISUAL ===== */
.inconf-separador[b-3dzam2pugk] {
    width: 2%;                                /* Ancho 2% */
    min-width: 0.625rem;                      /* Mínimo (10px) */
}

/* ===== COLUMNA DETALLE (78%) ===== */
.inconf-detalle[b-3dzam2pugk] {
    width: 78%;                               /* Ancho aumentado */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    gap: 0.25rem;                             /* Gap (4px) */
}

/* Labels pequeños (XX-Small en original) */
.label-pequeno[b-3dzam2pugk] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-weight: normal;                      /* Sin negritas */
}

/* Link al detalle del req */
.detalle-req[b-3dzam2pugk] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.link-req[b-3dzam2pugk] {
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
    text-decoration: none;                    /* Sin subrayado */
}

.link-req:hover[b-3dzam2pugk] {
    text-decoration: underline;               /* Subrayado en hover */
}

/* Procesado por (en rojo oscuro) */
.detalle-procesado[b-3dzam2pugk] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.label-procesado[b-3dzam2pugk] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
    font-weight: bold;                        /* Negritas */
}

.valor-procesado[b-3dzam2pugk] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    color: #8B0000;                           /* Rojo oscuro (DarkRed) */
    font-weight: normal;                      /* Sin negritas */
}

/* Fechas: Solicitado y Terminado */
.detalle-fechas[b-3dzam2pugk] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* Label SUPER (morado) */
.label-super[b-3dzam2pugk] {
    color: #800080;                           /* Morado (Purple) */
    font-weight: bold;                        /* Negritas */
    margin: 0 0.25rem;                        /* Margen horizontal (4px) */
}

/* Label TARDE (rojo) */
.label-tarde[b-3dzam2pugk] {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    margin: 0 0.25rem;                        /* Margen horizontal (4px) */
}

/* Separador punteado */
.separador-punteado[b-3dzam2pugk] {
    width: 100%;                              /* Ancho completo */
    height: 0.31rem;                          /* Altura (5px) */
    border-top: #A9A9A9 thin dashed;          /* Borde punteado gris */
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
}

/* Comentario de la inconformidad */
.detalle-comentario[b-3dzam2pugk] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    font-weight: normal;                      /* Sin negritas */
    line-height: 1.4;                         /* Altura de línea */
}

/* Spinner del módulo */
.sirei-spinner[b-3dzam2pugk] {
    --spinner-color: var(--color-encu);
}

/* ===== RESPONSIVE MÓVIL ===== */
@media (max-width: 768px) {
    /* Apilar columnas verticalmente */
    .inconf-item[b-3dzam2pugk] {
        flex-direction: column;               /* Columna en móvil */
        gap: 0.5rem;                          /* Espacio entre secciones */
    }

    /* Presentador: ancho completo, todo en una línea */
    .inconf-presentador[b-3dzam2pugk] {
        width: 100%;                          /* Ancho completo */
        flex-direction: row;                  /* Horizontal en móvil */
        flex-wrap: wrap;                      /* Permite que baje si no cabe */
        align-items: baseline;                /* Alinear en la base del texto */
        gap: 0.25rem;                         /* Espacio entre elementos */
        padding-right: 0;                     /* Sin padding derecho */
        padding-bottom: 0.25rem;              /* Espacio abajo */
        border-bottom: 1px solid #DDD;        /* Línea separadora */
    }

    /* Nombre con espacio después */
    .presentador-nombre[b-3dzam2pugk] {
        margin-right: 0.5rem;                 /* Espacio después del nombre */
    }

    /* Fecha no se parte */
    .presentador-fecha[b-3dzam2pugk] {
        white-space: nowrap;                  /* No partir la fecha */
    }

    /* Ocultar separador visual */
    .inconf-separador[b-3dzam2pugk] {
        display: none;
    }

    /* Detalle: ancho completo abajo */
    .inconf-detalle[b-3dzam2pugk] {
        width: 100%;                          /* Ancho completo */
    }

    /* Terminado: sin margen izquierdo cuando baje de línea */
    .detalle-fechas .label-pequeno[style][b-3dzam2pugk] {
        margin-left: 0 !important;            /* Quita el margin inline */
    }
}
/* _content/SiREI_2026/Components/Pages/04Eva/EvaConsulta.razor.rz.scp.css */
/*
   EvaConsulta.razor.css
   Consulta de evaluaciones de desempeño.
   Módulo 04Eva (Azul).
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Pegamos la barra de filtros a la barra del SiREI */
.contenedor-principal-sirei[b-9fpamuhkw6] {
    padding-top: 0;                           /* Sin padding superior */
}

/* ===== BARRA DE FILTROS ===== */
/* Solo el color, lo demás viene del app.css */
.barra-filtros[b-9fpamuhkw6] {
    background-color: #F8F8FF;                /* GhostWhite - módulo 04Eva */
}

/* ===== ENCABEZADO DE COLUMNAS ===== */
.eval-header[b-9fpamuhkw6] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    text-align: center;                       /* Texto centrado */
    width: 100%;                              /* Ancho completo */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    border-bottom: 1px solid #DCDCDC;         /* Borde gris claro */
    background-color: #FFFFFF;                /* Blanco */
}

/* Estilos de encabezados por columna */
.eval-col-nomHeader[b-9fpamuhkw6] {
    flex: 4;                                  /* 4 partes del espacio */
    min-width: 9.375rem;                      /* Mínimo (150px) */
}

.eval-header .eval-col-eval[b-9fpamuhkw6] {
    flex: 1.25;                               /* Icono + Evaluación */
    min-width: 3.5rem;                        /* Mínimo (56px) */
}

.eval-header .eval-col-esf[b-9fpamuhkw6] {
    color: #008B8B;                           /* DarkCyan */
}

.eval-header .eval-col-vol[b-9fpamuhkw6] {
    color: #6B8E23;                           /* OliveDrab */
}

.eval-header .eval-col-cr[b-9fpamuhkw6] {
    color: #228B22;                           /* ForestGreen */
}

.eval-header .eval-col-fa[b-9fpamuhkw6] {
    color: #CC0000;                           /* Rojo oscuro */
    font-weight: bold;                        /* Negritas */
}

.eval-header .eval-col-inc[b-9fpamuhkw6] {
    color: #CC0000;                           /* Rojo oscuro */
    font-weight: bold;                        /* Negritas */
}

.eval-header .eval-col-cu[b-9fpamuhkw6] {
    color: #8B0000;                           /* DarkRed */
    font-weight: bold;                        /* Negritas */
}

/* Totales en encabezados */
.header-total[b-9fpamuhkw6] {
    display: block;                           /* En nueva línea */
    font-size: var(--texto-8pt);              /* Tamaño pequeño */
    font-weight: normal;                      /* Sin negritas */
    color: #666666;                           /* Gris */
}

.header-total-bold[b-9fpamuhkw6] {
    font-weight: bold;                        /* Negritas para Eval e Inc */
}

.header-total-rojo[b-9fpamuhkw6] {
    color: #CC0000;                           /* Rojo para Inconformidades */
}

/* ===== LISTADO DE EVALUACIONES ===== */
.eval-list[b-9fpamuhkw6] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    gap: 0;                                   /* Sin gap */
}

/* ===== COLUMNAS ===== */
/* Contenedor de cada fila */
.eval-item[b-9fpamuhkw6] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    width: 100%;                              /* Ancho completo */
    padding: 0.625rem 0;                      /* Padding vertical (10px) */
    border-bottom: 1px solid #EEEEEE;         /* Borde gris claro */
}

/* Columna de Nombre: La que más espacio ocupa */
.eval-col-nombre[b-9fpamuhkw6] {
    flex: 4;                                  /* 4 partes del espacio */
    min-width: 9.375rem;                      /* Mínimo (150px) */
    padding: 0 0.625rem;                      /* Padding horizontal (10px) */
}

/* Columnas de Datos: Reparto uniforme */
.eval-col-icono[b-9fpamuhkw6],
.eval-col-eval[b-9fpamuhkw6],
.eval-col-esf[b-9fpamuhkw6],
.eval-col-vol[b-9fpamuhkw6],
.eval-col-cr[b-9fpamuhkw6],
.eval-col-fa[b-9fpamuhkw6],
.eval-col-inc[b-9fpamuhkw6],
.eval-col-cu[b-9fpamuhkw6] {
    flex: 1;                                  /* Tamaño uniforme */
    text-align: center;                       /* Centrado */
    min-width: 2.8125rem;                     /* Mínimo (45px) */
}

/* Ajuste especial para el icono */
.eval-col-icono[b-9fpamuhkw6] {
    flex: 0.25;                               /* Más pequeño */
    min-width: 0.75rem;                       /* Mínimo (12px) */
    text-align: right;                        /* Alineado derecha */
}

.eval-col-eval[b-9fpamuhkw6] {
    font-weight: bold;                        /* Negritas */
}

/* Alternancia de colores */
.eval-item-normal[b-9fpamuhkw6] {
    color: #333333;                           /* Gris oscuro */
}

.eval-item-alterna[b-9fpamuhkw6] {
    color: #284775;                           /* Azul oscuro */
}

/* Sin actividad (Eval=0) - fondo gris claro, todos los valores en gris */
.eval-item-sinactividad[b-9fpamuhkw6] {
    background-color: #F0F0F0;                /* Gris claro */
    color: #999999;                           /* Texto gris */
}

.eval-item-sinactividad .valor-eval[b-9fpamuhkw6],
.eval-item-sinactividad .valor-esf[b-9fpamuhkw6],
.eval-item-sinactividad .valor-vol[b-9fpamuhkw6],
.eval-item-sinactividad .valor-cr[b-9fpamuhkw6],
.eval-item-sinactividad .valor-fa[b-9fpamuhkw6],
.eval-item-sinactividad .valor-inc[b-9fpamuhkw6],
.eval-item-sinactividad .valor-cu[b-9fpamuhkw6],
.eval-item-sinactividad .icono-eval[b-9fpamuhkw6] {
    color: #999999 !important;                /* Mismo gris para todos los valores */
}

/* ===== ICONOS DE EVALUACIÓN ===== */
.icono-eval[b-9fpamuhkw6] {
    font-size: var(--texto-16pt);             /* Tamaño grande (20px aprox) */
    font-weight: bold;                        /* Negritas */
    transform: scaleX(1.2);                   /* Expande horizontalmente 20% */
}

/* Rojo doble flecha abajo (< 70) */
.icono-r2[b-9fpamuhkw6] {
    color: #FF0000;                           /* Rojo */
}

/* Rojo flecha abajo (< 95) */
.icono-r1[b-9fpamuhkw6] {
    color: #FF0000;                           /* Rojo */
}

/* Verde flecha arriba (< 105) */
.icono-v1[b-9fpamuhkw6] {
    color: #00FF00;                           /* Verde limón (Lime) */
}

/* Verde doble flecha arriba (>= 105) */
.icono-v2[b-9fpamuhkw6] {
    color: #00FF00;                           /* Verde limón (Lime) */
}

/* ===== VALORES DE EVALUACIÓN ===== */
/* Evaluación (número grande) */
.valor-eval[b-9fpamuhkw6] {
    font-size: var(--texto-14pt);             /* Tamaño 14pt */
    font-weight: bold;                        /* Negritas */
}

.valor-rojo[b-9fpamuhkw6] {
    color: #FF0000;                           /* Rojo */
}

.valor-verde[b-9fpamuhkw6] {
    color: #00FF00;                           /* Verde limón (Lime) */
}

/* Esfuerzo */
.valor-esf[b-9fpamuhkw6] {
    color: #008B8B;                           /* DarkCyan */
}

/* Volumen */
.valor-vol[b-9fpamuhkw6] {
    color: #6B8E23;                           /* OliveDrab */
}

/* Acreditadas */
.valor-cr[b-9fpamuhkw6] {
    color: #228B22;                           /* ForestGreen */
}

/* Faltas */
.valor-fa[b-9fpamuhkw6] {
    color: #CC0000;                           /* Rojo oscuro */
}

/* Inconformidades */
.valor-inc[b-9fpamuhkw6] {
    color: #CC0000;                           /* Rojo oscuro */
}

/* Cuellos de Botella */
.valor-cu[b-9fpamuhkw6] {
    color: #8B0000;                           /* DarkRed */
}

/* ===== RESPONSIVE ===== */
/* Por defecto (PC): Escondemos el texto corto */
.d-movil[b-9fpamuhkw6] {
    display: none;                            /* Oculto en PC */
}

@media (max-width: 768px) {
    /* Celular: Escondemos el largo y mostramos el corto */
    .d-pc[b-9fpamuhkw6] {
        display: none;                        /* Oculto en móvil */
    }

    .d-movil[b-9fpamuhkw6] {
        display: inline;                      /* Visible en móvil */
    }

    .eval-item[b-9fpamuhkw6] {
        flex-wrap: wrap;                      /* Permite wrap */
    }

    .eval-col-nombre[b-9fpamuhkw6] {
        width: 100%;                          /* Ancho completo */
        min-width: 100%;                      /* Sin mínimo */
        margin-bottom: 0.31rem;               /* Margen inferior (5px) */
    }

    .eval-col-nomHeader[b-9fpamuhkw6] {
        display: none;                        /* Oculto en móvil */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-9fpamuhkw6] {
    --spinner-color: var(--color-eval);
}
/* _content/SiREI_2026/Components/Pages/04Eva/EvaCreditos.razor.rz.scp.css */
/*
   EvaCreditos.razor.css
   Créditos y faltas de evaluaciones.
   Migrado de: SiREI_2009/04Eva/CreFal.aspx
   Módulo 04Eva (Azul --color-eval).

   Colores de fondo según tipo:
   - Créditos (IDCat < 50): Verde claro #F0FFF0 (honeydew)
   - Faltas (IDCat >= 50): Rosa claro #FFF0F5 (lavenderblush)
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Solo pegamos la barra de filtros a la barra del SiREI */
.contenedor-principal-sirei[b-f307lle72e] {
    padding-top: 0;                           /* Sin padding superior */
}

/* ===== BARRA DE FILTROS ===== */
/* Sobrescribe color de fondo para módulo Evaluaciones (azul claro) */
.barra-filtros[b-f307lle72e] {
    background-color: #E0F0FF;                /* Azul muy claro */
}

/* ===== LISTA DE EVALUACIONES ===== */
.lista-evaluaciones[b-f307lle72e] {
    background-color: #FFFFFF;                /* Blanco */
    padding: 0;                               /* Sin padding */
    margin: 0;                                /* Sin margen */
}

/* Cada item de evaluación (crédito o falta) */
.eva-item[b-f307lle72e] {
    display: flex;                            /* Flexbox */
    gap: 1rem;                                /* Gap (16px) */
    padding: 0.5rem 0.75rem;                  /* Padding (8px 12px) */
    border-bottom: 1px solid #808080;         /* Borde gris */
    font-family: Arial, sans-serif;           /* Fuente Arial */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    line-height: var(--line-height-compacto); /* Altura de línea compacta */
    align-items: center;                      /* Centrado vertical */
}

/* Color de fondo para CRÉDITOS (verde claro) */
.eva-credito[b-f307lle72e] {
    background-color: #F0FFF0;                /* Honeydew (verde muy claro) */
}

/* Color de fondo para FALTAS (rosa claro) */
.eva-falta[b-f307lle72e] {
    background-color: #FFF0F5;                /* Lavenderblush (rosa muy claro) */
}

/* ===== COLUMNAS DEL ITEM ===== */
/* Fecha - ancho fijo para alinear */
.eva-fecha[b-f307lle72e] {
    min-width: 6.5rem;                        /* Mínimo (104px) */
    flex-shrink: 0;                           /* No encoge */
    color: #333333;                           /* Gris oscuro */
}

/* Nombre del usuario + departamento - ancho flexible */
.eva-nombre[b-f307lle72e] {
    min-width: 18rem;                         /* Mínimo (288px) */
    flex-shrink: 0;                           /* No encoge */
    color: #333333;                           /* Gris oscuro */
}

/* Detalle: valor + descripción + link al req */
.eva-detalle[b-f307lle72e] {
    flex: 1;                                  /* Ocupa espacio restante */
    display: flex;                            /* Flexbox */
    gap: 0.3rem;                              /* Gap pequeño */
    flex-wrap: wrap;                          /* Permite wrap */
    align-items: baseline;                    /* Alineado a la base */
}

/* Valor (puntos) en negrita */
.eva-valor[b-f307lle72e] {
    font-weight: bold;                        /* Negritas */
    color: #333333;                           /* Gris oscuro */
}

/* Descripción de la evaluación */
.eva-descripcion[b-f307lle72e] {
    color: #333333;                           /* Gris oscuro */
}

/* Link al requerimiento */
.eva-link-req[b-f307lle72e] {
    color: #0000CD;                           /* Azul medio (MediumBlue) */
    text-decoration: none;                    /* Sin subrayado */
    margin-left: 0.25rem;                     /* Margen izquierdo (4px) */
}

.eva-link-req:hover[b-f307lle72e] {
    text-decoration: underline;               /* Subrayado en hover */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .eva-item[b-f307lle72e] {
        flex-direction: column;               /* Dirección columna */
        gap: 0.25rem;                         /* Gap reducido (4px) */
        align-items: flex-start;              /* Alineado izquierda */
    }

    .eva-fecha[b-f307lle72e] {
        min-width: auto;                      /* Sin mínimo */
        font-size: var(--texto-8pt);          /* Tamaño reducido */
        color: #666666;                       /* Gris medio */
    }

    .eva-nombre[b-f307lle72e] {
        min-width: auto;                      /* Sin mínimo */
        font-weight: bold;                    /* Negritas */
    }

    .eva-detalle[b-f307lle72e] {
        width: 100%;                          /* Ancho completo */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-f307lle72e] {
    --spinner-color: var(--color-eval);
}
/* _content/SiREI_2026/Components/Pages/05Uti/UtiDatos.razor.rz.scp.css */
/*
   UtiDatos.razor.css
   Modificación de datos de usuario.
   Migrado de: SiREI_2009/05Uti/DatoUsu.aspx
   Módulo 05Uti (Gris --color-tools).
   Actualizado: 2026-02-07 - Responsive + secciones
*/

/* ===== SECCIÓN DE LINKS ===== */
.links-section[b-c359yduack] {
    text-align: center;
    margin: 1.25rem 0;
}

.link-modificar[b-c359yduack] {
    background: none;
    border: none;
    color: #0000EE;
    text-decoration: underline;
    cursor: pointer;
    font-size: var(--texto-10pt);
    padding: 0;
    margin: 0 0.625rem;
}

.link-modificar:hover[b-c359yduack] {
    color: #551A8B;
}

.mensaje-exito[b-c359yduack] {
    background-color: #FFC0C0;
    padding: 0.25rem 0.5rem;
    font-size: var(--texto-10pt);
    font-weight: normal;
    margin-left: 0.94rem;
}

/* ===== PANEL DE PASSWORD ===== */
.panel-password[b-c359yduack] {
    margin: 1.25rem auto;
    max-width: 100%;
    padding: 0 1rem;
}

/* ===== TÍTULOS DE SECCIÓN ===== */
.seccion-titulo[b-c359yduack] {
    font-size: var(--texto-12pt);
    font-weight: bold;
    color: var(--color-tools);
    border-bottom: 2px solid var(--color-tools);
    padding-bottom: 0.25rem;
    margin: 1rem 0 0.75rem 0;
}

/* ===== SECCIÓN DATOS ADICIONALES ===== */
.seccion-adicionales[b-c359yduack] {
    margin: 1.25rem 0;
    text-align: left;
}

.link-toggle[b-c359yduack] {
    background: none;
    border: none;
    color: #0000EE;
    text-decoration: none;
    cursor: pointer;
    font-size: var(--texto-10pt);
    padding: 0.25rem 0;
}

.link-toggle:hover[b-c359yduack] {
    color: #551A8B;
    text-decoration: underline;
}

.datos-adicionales-panel[b-c359yduack] {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 1rem;
    margin-bottom: 1rem;
}

/* ===== ESTRUCTURA DE FORMULARIOS ===== */
.form-row[b-c359yduack] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
    align-items: flex-start;
    gap: 0.5rem;
}

/* Label alineado (cambiamos de derecha a izquierda para mejor responsive) */
.form-label[b-c359yduack] {
    min-width: 10rem;
    max-width: 10rem;
    text-align: right;
    padding-right: 0.5rem;
    font-size: var(--texto-10pt);
    color: #000000;
    flex-shrink: 0;
}

/* Compatibilidad con clase anterior */
.form-label-derecha[b-c359yduack] {
    min-width: 10rem;
    max-width: 10rem;
    text-align: right;
    padding-right: 0.5rem;
    font-size: var(--texto-10pt);
    color: #000000;
    flex-shrink: 0;
}

.form-input-container[b-c359yduack] {
    flex: 1;
    min-width: 0;
    text-align: left;
}

/* ===== INPUTS Y CONTROLES ===== */
.form-input[b-c359yduack] {
    width: 100%;
    max-width: 18rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #808080;
    font-size: var(--texto-10pt);
    box-sizing: border-box;
}

.form-input-wide[b-c359yduack] {
    width: 100%;
    max-width: 28rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #808080;
    font-size: var(--texto-10pt);
    box-sizing: border-box;
}

.form-input-small[b-c359yduack] {
    width: 5rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #808080;
    font-size: var(--texto-10pt);
    box-sizing: border-box;
}

.form-select[b-c359yduack] {
    width: 100%;
    max-width: 18rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #808080;
    font-size: var(--texto-10pt);
    box-sizing: border-box;
}

/* Selects de fecha */
.form-select-fecha[b-c359yduack] {
    padding: 0.25rem;
    border: 1px solid #808080;
    font-size: var(--texto-10pt);
}

.fecha-container[b-c359yduack] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Checkbox */
.checkbox-label[b-c359yduack] {
    font-size: var(--texto-10pt);
    color: #000000;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Radio buttons */
.radio-inline-container[b-c359yduack] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.radio-label[b-c359yduack] {
    font-weight: normal;
    font-size: var(--texto-10pt);
    color: #000000;
    cursor: pointer;
}

/* ===== TEXTOS DE AYUDA ===== */
.hint-text[b-c359yduack] {
    font-size: var(--texto-8pt);
    color: #666666;
    margin-top: 0.25rem;
}

.hint-text a[b-c359yduack] {
    color: #0000EE;
    text-decoration: underline;
}

.hint-text a:hover[b-c359yduack] {
    color: #551A8B;
}

/* ===== VALIDACIÓN ===== */
[b-c359yduack] .validator-asterisk {
    color: #FF0000;
    font-weight: bold;
    margin-left: 0.25rem;
    font-size: var(--texto-9pt);
}

[b-c359yduack] .validation-errors {
    color: #FF0000;
    font-weight: bold;
    margin: 0.625rem 0;
    font-size: var(--texto-9pt);
}

/* ===== BOTONES ===== */
.boton-guardar-row[b-c359yduack] {
    justify-content: center;
    margin-top: 1rem;
}

.btn-guardar[b-c359yduack] {
    background-color: var(--color-tools);
    color: #FFFFFF;
    padding: 0.5rem 2rem;
    border: none;
    cursor: pointer;
    font-size: var(--texto-10pt);
}

.btn-guardar:hover[b-c359yduack] {
    background-color: #505050;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    /* Form rows en columna */
    .form-row[b-c359yduack] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.25rem;
    }

    /* Labels a la izquierda y full width */
    .form-label[b-c359yduack],
    .form-label-derecha[b-c359yduack] {
        min-width: 100%;
        max-width: 100%;
        text-align: left;
        padding-right: 0;
        font-weight: bold;
    }

    .form-input-container[b-c359yduack] {
        width: 100%;
    }

    /* Inputs full width */
    .form-input[b-c359yduack],
    .form-input-wide[b-c359yduack],
    .form-select[b-c359yduack] {
        max-width: 100%;
        width: 100%;
    }

    .form-input-small[b-c359yduack] {
        width: 6rem;
    }

    /* Fecha en columna si no cabe */
    .fecha-container[b-c359yduack] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .form-select-fecha[b-c359yduack] {
        flex: 1;
        min-width: 4rem;
    }

    /* Panel password */
    .panel-password[b-c359yduack] {
        padding: 0 0.5rem;
    }

    /* Sección adicionales */
    .datos-adicionales-panel[b-c359yduack] {
        padding: 0.75rem;
    }

    /* Botón centrado con tamaño natural */
    .boton-guardar-row[b-c359yduack] {
        justify-content: center;
        align-items: center;
    }

    /* Links section */
    .links-section[b-c359yduack] {
        padding: 0 0.5rem;
    }

    .mensaje-exito[b-c359yduack] {
        display: block;
        margin: 0.5rem 0;
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/AuthNivel.razor.rz.scp.css */
/*
   AuthNivel.razor.css
   Estilos para la página de administración de autorizaciones por nivel (escalera)
   Diseño: Panel TipoReq (izq) | Panel Autorizadores (der)
*/

/* Contenedor principal - pega a la barra del SiREI */
.contenedor-principal-sirei[b-4ypyy2r4p1] {
    padding-top: 0;
    padding-bottom: 0;
}

/* ===== BARRA DE ACCIONES ===== */
.barra-acciones[b-4ypyy2r4p1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: #d4e8c7;
}

.busqueda-container[b-4ypyy2r4p1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.busqueda-container label[b-4ypyy2r4p1] {
    font-weight: bold;
    font-size: var(--texto-9pt);
}

.input-busqueda[b-4ypyy2r4p1] {
    width: 12rem;
    padding: 0.375rem 0.5rem;
    font-size: var(--texto-9pt);
    border: 1px solid #ccc;
    border-radius: 4px;
}

.botones-accion[b-4ypyy2r4p1] {
    display: flex;
    gap: 0.5rem;
}

.btn-buscar[b-4ypyy2r4p1] {
    background-color: #6c757d;
    color: white;
}

.btn-buscar:hover[b-4ypyy2r4p1] {
    background-color: #545b62;
}

.btn-consultar[b-4ypyy2r4p1] {
    background-color: #007bff;
    color: white;
}

.btn-consultar:disabled[b-4ypyy2r4p1] {
    background-color: #6cb2ff;
    color: #e8f4ff;
}

.btn-consultar:hover:not(:disabled)[b-4ypyy2r4p1] {
    background-color: #0056b3;
}

.btn-modificar[b-4ypyy2r4p1] {
    background-color: #8b0000;
    color: white;
}

.btn-modificar:disabled[b-4ypyy2r4p1] {
    background-color: #c96060;
    color: #f5e0e0;
}

.btn-modificar:hover:not(:disabled)[b-4ypyy2r4p1] {
    background-color: #5c0000;
}

.btn-grabar[b-4ypyy2r4p1] {
    background-color: #28a745;
    color: white;
}

.btn-grabar:disabled[b-4ypyy2r4p1] {
    background-color: #7dca91;
    color: #e8f5eb;
}

.btn-grabar:hover:not(:disabled)[b-4ypyy2r4p1] {
    background-color: #1e7e34;
}

/* ===== CONTENEDOR PRINCIPAL: 2 PANELES ===== */
.contenedor-principal[b-4ypyy2r4p1] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    height: calc(100vh - 10rem);
    min-height: 25rem;
}

/* ===== PANEL TIPOS DE REQ (izquierda) ===== */
.panel-tiporeq[b-4ypyy2r4p1] {
    width: 40%;
    min-width: 12rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

/* ===== PANEL AUTORIZADORES (derecha) ===== */
.panel-autoriza[b-4ypyy2r4p1] {
    width: 60%;
    min-width: 12rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.panel-header[b-4ypyy2r4p1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem;
    font-weight: bold;
    font-size: var(--texto-10pt);
    background-color: #333;
    color: white;
}

.panel-body[b-4ypyy2r4p1] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
}

/* ===== SELECTOR DE TIEMPO ===== */
.selector-tiempo[b-4ypyy2r4p1] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.selector-tiempo label[b-4ypyy2r4p1] {
    font-size: var(--texto-9pt);
    font-weight: normal;
}

.selector-tiempo select[b-4ypyy2r4p1] {
    padding: 0.2rem 0.4rem;
    font-size: var(--texto-9pt);
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: white;
}

.selector-tiempo select:disabled[b-4ypyy2r4p1] {
    background-color: #e9ecef;
    color: #6c757d;
}

/* ===== FILTRO SOLO SELECCIONADOS ===== */
.filtro-seleccionados[b-4ypyy2r4p1] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.5rem;
    font-size: var(--texto-9pt);
    font-weight: normal;
    cursor: pointer;
}

.filtro-seleccionados input[type="checkbox"][b-4ypyy2r4p1] {
    margin-right: 0.3rem;
    cursor: pointer;
}

/* Items de tipos de req y usuarios */
.item-depto[b-4ypyy2r4p1],
.item-usuario[b-4ypyy2r4p1],
.item-tiporeq[b-4ypyy2r4p1] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.25rem;
    border-radius: 3px;
    margin-bottom: 0.1rem;
}

.item-depto:hover[b-4ypyy2r4p1],
.item-usuario:hover[b-4ypyy2r4p1],
.item-tiporeq:hover[b-4ypyy2r4p1] {
    background-color: #f0f0f0;
}

.checkbox-container[b-4ypyy2r4p1] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: var(--texto-10pt);
    user-select: none;
}

.checkbox-container input[type="checkbox"][b-4ypyy2r4p1] {
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.4rem;
    cursor: pointer;
}

.item-texto[b-4ypyy2r4p1] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: var(--texto-10pt);
}

.depto-texto[b-4ypyy2r4p1] {
    font-weight: normal;
    color: #888;
}

/* Item usuario sin indentación (modo filtrado) */
.item-usuario-flat[b-4ypyy2r4p1] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.25rem;
    border-radius: 3px;
    margin-bottom: 0.1rem;
}

.item-usuario-flat:hover[b-4ypyy2r4p1] {
    background-color: #f0f0f0;
}

.sin-datos[b-4ypyy2r4p1] {
    text-align: center;
    color: #666;
    font-style: italic;
    padding: 1rem;
    font-size: var(--texto-10pt);
}

/* Indentación por nivel */
.usuario-nivel-0[b-4ypyy2r4p1] { padding-left: 0; }
.usuario-nivel-1[b-4ypyy2r4p1] { padding-left: 1rem; }
.usuario-nivel-2[b-4ypyy2r4p1] { padding-left: 2rem; }
.usuario-nivel-3[b-4ypyy2r4p1] { padding-left: 3rem; }
.usuario-nivel-4[b-4ypyy2r4p1] { padding-left: 4rem; }

/* ===== SELECTOR DE NIVEL ===== */
.selector-nivel[b-4ypyy2r4p1] {
    width: 2.5rem;
    padding: 0.1rem 0.2rem;
    font-size: var(--texto-9pt);
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 0.3rem;
    text-align: center;
}

.nivel-readonly[b-4ypyy2r4p1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    padding: 0.1rem 0.2rem;
    font-size: var(--texto-9pt);
    font-weight: bold;
    color: #555;
    margin-right: 0.3rem;
    text-align: center;
}

/* ===== INDICADORES VISUALES ===== */
.indicador[b-4ypyy2r4p1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.4rem;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 3px;
}

/* Paloma azul: Todos tienen este autorizador */
.paloma-azul[b-4ypyy2r4p1] {
    background-color: #0056b3;
    color: #fff;
    font-weight: 900;
}

/* Bolita celeste: Algunos tienen este autorizador */
.bolita-celeste[b-4ypyy2r4p1] {
    background-color: #5bc0de;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
}

/* Vacío */
.vacio[b-4ypyy2r4p1] {
    background-color: #f0f0f0;
    border: 1px dashed #ccc;
}

/* ===== INDICADORES PARA DEPARTAMENTOS (grises) ===== */
.indicador-depto[b-4ypyy2r4p1] {
    opacity: 0.7;
}

/* Paloma gris: Todos los usuarios del depto tienen autorización */
.paloma-gris[b-4ypyy2r4p1] {
    background-color: #6c757d;
    color: #fff;
    font-weight: 900;
}

/* Bolita gris: Algunos usuarios del depto tienen autorización */
.bolita-gris[b-4ypyy2r4p1] {
    background-color: #adb5bd;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
}

/* Vacío gris para departamentos */
.vacio-gris[b-4ypyy2r4p1] {
    background-color: #e9ecef;
    border: 1px dashed #adb5bd;
}

/* ===== MODAL ===== */
.modal-overlay[b-4ypyy2r4p1] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-contenedor[b-4ypyy2r4p1] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 25rem;
    width: 90%;
    overflow: hidden;
}

.modal-header[b-4ypyy2r4p1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--color-cco);
    color: white;
}

.modal-header h3[b-4ypyy2r4p1] {
    margin: 0;
    font-size: var(--texto-12pt);
}

.boton-x[b-4ypyy2r4p1] {
    color: #ccc;
}

.boton-x:hover[b-4ypyy2r4p1] {
    color: white;
}

.modal-body[b-4ypyy2r4p1] {
    padding: 1rem;
    font-size: var(--texto-10pt);
}

.modal-body p[b-4ypyy2r4p1] {
    margin: 0.5rem 0;
}

.modal-footer[b-4ypyy2r4p1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.btn-cancelar[b-4ypyy2r4p1] {
    background-color: #6c757d;
    color: white;
}

.btn-cancelar:hover[b-4ypyy2r4p1] {
    background-color: #545b62;
}

.btn-confirmar[b-4ypyy2r4p1] {
    background-color: #28a745;
    color: white;
}

.btn-confirmar:hover[b-4ypyy2r4p1] {
    background-color: #1e7e34;
}

/* ===== MENSAJES ===== */
.mensaje[b-4ypyy2r4p1] {
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-size: var(--texto-10pt);
    font-weight: bold;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.mensaje-exito[b-4ypyy2r4p1] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.mensaje-error[b-4ypyy2r4p1] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .contenedor-principal[b-4ypyy2r4p1] {
        flex-direction: column;
        height: auto;
    }

    .panel-tiporeq[b-4ypyy2r4p1],
    .panel-autoriza[b-4ypyy2r4p1] {
        width: 100%;
        max-height: 20rem;
    }

    .barra-acciones[b-4ypyy2r4p1] {
        flex-direction: column;
        align-items: stretch;
    }

    .busqueda-container[b-4ypyy2r4p1] {
        flex-wrap: wrap;
    }

    .input-busqueda[b-4ypyy2r4p1] {
        width: 100%;
    }

    .botones-accion[b-4ypyy2r4p1] {
        justify-content: center;
    }

    .panel-header[b-4ypyy2r4p1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .selector-tiempo[b-4ypyy2r4p1] {
        margin-top: 0.3rem;
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/AuthTipo.razor.rz.scp.css */
/*
   AuthTipo.razor.css
   Estilos para la página de administración de autorizaciones por usuario + tipo de req.
   Diseño: Panel Usuarios (izq) | Panel TipoReq (centro) | Panel Autoriza (der)
*/

/* Contenedor principal - pega a la barra del SiREI */
.contenedor-principal-sirei[b-ttl2f0ghok] {
    padding-top: 0;
    padding-bottom: 0;
}

/* ===== BARRA DE ACCIONES ===== */
.barra-acciones[b-ttl2f0ghok] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: #d4e8c7;
}

.busqueda-container[b-ttl2f0ghok] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.busqueda-container label[b-ttl2f0ghok] {
    font-weight: bold;
    font-size: var(--texto-9pt);
}

.input-busqueda[b-ttl2f0ghok] {
    width: 12rem;
    padding: 0.375rem 0.5rem;
    font-size: var(--texto-9pt);
    border: 1px solid #ccc;
    border-radius: 4px;
}

.buscar-en[b-ttl2f0ghok] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.check-buscar[b-ttl2f0ghok] {
    display: inline-flex;
    align-items: center;
    font-size: var(--texto-9pt);
    cursor: pointer;
    white-space: nowrap;
}

.check-buscar input[type="checkbox"][b-ttl2f0ghok] {
    margin-right: 0.2rem;
    cursor: pointer;
}

.botones-accion[b-ttl2f0ghok] {
    display: flex;
    gap: 0.5rem;
}

.btn-buscar[b-ttl2f0ghok] {
    background-color: #6c757d;
    color: white;
}

.btn-buscar:hover[b-ttl2f0ghok] {
    background-color: #545b62;
}

.btn-consultar[b-ttl2f0ghok] {
    background-color: #007bff;
    color: white;
}

.btn-consultar:disabled[b-ttl2f0ghok] {
    background-color: #6cb2ff;
    color: #e8f4ff;
}

.btn-consultar:hover:not(:disabled)[b-ttl2f0ghok] {
    background-color: #0056b3;
}

.btn-modificar[b-ttl2f0ghok] {
    background-color: #8b0000;
    color: white;
}

.btn-modificar:disabled[b-ttl2f0ghok] {
    background-color: #c96060;
    color: #f5e0e0;
}

.btn-modificar:hover:not(:disabled)[b-ttl2f0ghok] {
    background-color: #5c0000;
}

.btn-grabar[b-ttl2f0ghok] {
    background-color: #28a745;
    color: white;
}

.btn-grabar:disabled[b-ttl2f0ghok] {
    background-color: #7dca91;
    color: #e8f5eb;
}

.btn-grabar:hover:not(:disabled)[b-ttl2f0ghok] {
    background-color: #1e7e34;
}

/* ===== CONTENEDOR PRINCIPAL: 3 PANELES ===== */
.contenedor-principal[b-ttl2f0ghok] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    height: calc(100vh - 10rem);
    min-height: 25rem;
}

/* ===== PANEL USUARIOS (izquierda) ===== */
.panel-usuarios[b-ttl2f0ghok] {
    width: 30%;
    min-width: 12rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

/* ===== PANEL TIPOS DE REQ (centro) ===== */
.panel-tiporeq[b-ttl2f0ghok] {
    width: 40%;
    min-width: 12rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

/* ===== PANEL AUTORIZA (derecha) ===== */
.panel-autoriza[b-ttl2f0ghok] {
    width: 30%;
    min-width: 12rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.panel-header[b-ttl2f0ghok] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem;
    font-weight: bold;
    font-size: var(--texto-10pt);
    background-color: #333;
    color: white;
}

.panel-body[b-ttl2f0ghok] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
}

/* ===== SELECTOR DE TIPO (Solicita/Procesa/Ambos) ===== */
.selector-tipo[b-ttl2f0ghok] {
    display: flex;
    gap: 0.25rem;
}

.opcion-tipo[b-ttl2f0ghok] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    font-size: var(--texto-9pt);
    font-weight: normal;
    background-color: #555;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.opcion-tipo:hover[b-ttl2f0ghok] {
    background-color: #666;
}

.opcion-tipo.activo[b-ttl2f0ghok] {
    background-color: #007bff;
}

.opcion-tipo input[type="radio"][b-ttl2f0ghok] {
    display: none;
}

/* ===== SELECTOR DE TIEMPO ===== */
.selector-tiempo[b-ttl2f0ghok] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.selector-tiempo label[b-ttl2f0ghok] {
    font-size: var(--texto-9pt);
    font-weight: normal;
}

.selector-tiempo select[b-ttl2f0ghok] {
    padding: 0.2rem 0.4rem;
    font-size: var(--texto-9pt);
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: white;
}

.selector-tiempo select:disabled[b-ttl2f0ghok] {
    background-color: #e9ecef;
    color: #6c757d;
}

/* ===== FILTRO SOLO SELECCIONADOS ===== */
.filtro-autorizados[b-ttl2f0ghok] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.5rem;
    font-size: var(--texto-9pt);
    font-weight: normal;
    cursor: pointer;
}

.filtro-autorizados input[type="checkbox"][b-ttl2f0ghok] {
    margin-right: 0.3rem;
    cursor: pointer;
}

/* Items de usuarios y tipos de req */
.item-depto[b-ttl2f0ghok],
.item-usuario[b-ttl2f0ghok],
.item-tiporeq[b-ttl2f0ghok] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.25rem;
    border-radius: 3px;
    margin-bottom: 0.1rem;
}

.item-depto:hover[b-ttl2f0ghok],
.item-usuario:hover[b-ttl2f0ghok],
.item-tiporeq:hover[b-ttl2f0ghok] {
    background-color: #f0f0f0;
}

.checkbox-container[b-ttl2f0ghok] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: var(--texto-10pt);
    user-select: none;
}

.checkbox-container input[type="checkbox"][b-ttl2f0ghok] {
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.4rem;
    cursor: pointer;
}

.item-texto[b-ttl2f0ghok] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: var(--texto-10pt);
}

.depto-texto[b-ttl2f0ghok] {
    font-weight: normal;
    color: #888;
}

/* Item usuario sin indentación (modo filtrado) */
.item-usuario-flat[b-ttl2f0ghok] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.25rem;
    border-radius: 3px;
    margin-bottom: 0.1rem;
}

.item-usuario-flat:hover[b-ttl2f0ghok] {
    background-color: #f0f0f0;
}

.sin-datos[b-ttl2f0ghok] {
    text-align: center;
    color: #666;
    font-style: italic;
    padding: 1rem;
    font-size: var(--texto-10pt);
}

/* Indentación por nivel */
.usuario-nivel-0[b-ttl2f0ghok] { padding-left: 0; }
.usuario-nivel-1[b-ttl2f0ghok] { padding-left: 1rem; }
.usuario-nivel-2[b-ttl2f0ghok] { padding-left: 2rem; }
.usuario-nivel-3[b-ttl2f0ghok] { padding-left: 3rem; }
.usuario-nivel-4[b-ttl2f0ghok] { padding-left: 4rem; }

/* ===== INDICADORES VISUALES ===== */
.indicador[b-ttl2f0ghok] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.4rem;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 3px;
}

/* Indicador clickeable en modo edición */
.indicador.clickeable[b-ttl2f0ghok] {
    cursor: pointer;
    user-select: none;
    transition: transform 0.1s, opacity 0.1s;
}

.indicador.clickeable:hover[b-ttl2f0ghok] {
    transform: scale(1.2);
    opacity: 0.8;
}

.indicador.clickeable:active[b-ttl2f0ghok] {
    transform: scale(0.95);
}

/* Paloma azul: Todos tienen este autorizador */
.paloma-azul[b-ttl2f0ghok] {
    background-color: #0056b3;
    color: #fff;
    font-weight: 900;
}

/* Bolita celeste: Algunos tienen este autorizador */
.bolita-celeste[b-ttl2f0ghok] {
    background-color: #5bc0de;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
}

/* Vacío */
.vacio[b-ttl2f0ghok] {
    background-color: #f0f0f0;
    border: 1px dashed #ccc;
}

/* Vacío clickeable */
.indicador.clickeable.vacio:hover[b-ttl2f0ghok] {
    border-color: #007bff;
    background-color: #e8f4ff;
}

/* ===== INDICADORES PARA DEPARTAMENTOS (grises) ===== */
.indicador-depto[b-ttl2f0ghok] {
    opacity: 0.7;
}

/* Paloma gris: Todos los usuarios del depto tienen autorización */
.paloma-gris[b-ttl2f0ghok] {
    background-color: #6c757d;
    color: #fff;
    font-weight: 900;
}

/* Bolita gris: Algunos usuarios del depto tienen autorización */
.bolita-gris[b-ttl2f0ghok] {
    background-color: #adb5bd;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
}

/* Vacío gris para departamentos */
.vacio-gris[b-ttl2f0ghok] {
    background-color: #e9ecef;
    border: 1px dashed #adb5bd;
}

/* Vacío gris clickeable */
.indicador.clickeable.vacio-gris:hover[b-ttl2f0ghok] {
    border-color: #6c757d;
    background-color: #dee2e6;
}

/* ===== MODAL ===== */
.modal-overlay[b-ttl2f0ghok] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-contenedor[b-ttl2f0ghok] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 25rem;
    width: 90%;
    overflow: hidden;
}

.modal-header[b-ttl2f0ghok] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--color-cco);
    color: white;
}

.modal-header h3[b-ttl2f0ghok] {
    margin: 0;
    font-size: var(--texto-12pt);
}

.boton-x[b-ttl2f0ghok] {
    color: #ccc;
}

.boton-x:hover[b-ttl2f0ghok] {
    color: white;
}

.modal-body[b-ttl2f0ghok] {
    padding: 1rem;
    font-size: var(--texto-10pt);
}

.modal-body p[b-ttl2f0ghok] {
    margin: 0.5rem 0;
}

.modal-footer[b-ttl2f0ghok] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.btn-cancelar[b-ttl2f0ghok] {
    background-color: #6c757d;
    color: white;
}

.btn-cancelar:hover[b-ttl2f0ghok] {
    background-color: #545b62;
}

.btn-confirmar[b-ttl2f0ghok] {
    background-color: #28a745;
    color: white;
}

.btn-confirmar:hover[b-ttl2f0ghok] {
    background-color: #1e7e34;
}

/* ===== MENSAJES ===== */
.mensaje[b-ttl2f0ghok] {
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-size: var(--texto-10pt);
    font-weight: bold;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.mensaje-exito[b-ttl2f0ghok] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.mensaje-error[b-ttl2f0ghok] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1100px) {
    .contenedor-principal[b-ttl2f0ghok] {
        flex-direction: column;
        height: auto;
    }

    .panel-usuarios[b-ttl2f0ghok],
    .panel-tiporeq[b-ttl2f0ghok],
    .panel-autoriza[b-ttl2f0ghok] {
        width: 100%;
        max-height: 15rem;
    }

    .barra-acciones[b-ttl2f0ghok] {
        flex-direction: column;
        align-items: stretch;
    }

    .busqueda-container[b-ttl2f0ghok] {
        flex-wrap: wrap;
    }

    .input-busqueda[b-ttl2f0ghok] {
        width: 100%;
    }

    .botones-accion[b-ttl2f0ghok] {
        justify-content: center;
    }

    .panel-header[b-ttl2f0ghok] {
        flex-direction: column;
        align-items: flex-start;
    }

    .selector-tipo[b-ttl2f0ghok] {
        margin-top: 0.3rem;
    }

    .selector-tiempo[b-ttl2f0ghok] {
        margin-top: 0.3rem;
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/AuthUser.razor.rz.scp.css */
/*
   AuthUser.razor.css
   Estilos para la página de administración de autorizaciones por usuario.
   Diseño: Panel Usuarios (izq) | Panel Autoriza (der)
*/

/* Contenedor principal - pega a la barra del SiREI */
.contenedor-principal-sirei[b-rzsw7c2cge] {
    padding-top: 0;
    padding-bottom: 0;
}

/* ===== BARRA DE ACCIONES ===== */
.barra-acciones[b-rzsw7c2cge] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: #d4e8c7;
}

.busqueda-container[b-rzsw7c2cge] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.busqueda-container label[b-rzsw7c2cge] {
    font-weight: bold;
    font-size: var(--texto-9pt);
}

.input-busqueda[b-rzsw7c2cge] {
    width: 15rem;
    padding: 0.375rem 0.5rem;
    font-size: var(--texto-9pt);
    border: 1px solid #ccc;
    border-radius: 4px;
}

.botones-accion[b-rzsw7c2cge] {
    display: flex;
    gap: 0.5rem;
}

.btn-buscar[b-rzsw7c2cge] {
    background-color: #6c757d;
    color: white;
}

.btn-buscar:hover[b-rzsw7c2cge] {
    background-color: #545b62;
}

.btn-consultar[b-rzsw7c2cge] {
    background-color: #007bff;
    color: white;
}

.btn-consultar:disabled[b-rzsw7c2cge] {
    background-color: #6cb2ff;
    color: #e8f4ff;
}

.btn-consultar:hover:not(:disabled)[b-rzsw7c2cge] {
    background-color: #0056b3;
}

.btn-modificar[b-rzsw7c2cge] {
    background-color: #8b0000;
    color: white;
}

.btn-modificar:disabled[b-rzsw7c2cge] {
    background-color: #c96060;
    color: #f5e0e0;
}

.btn-modificar:hover:not(:disabled)[b-rzsw7c2cge] {
    background-color: #5c0000;
}

.btn-grabar[b-rzsw7c2cge] {
    background-color: #28a745;
    color: white;
}

.btn-grabar:disabled[b-rzsw7c2cge] {
    background-color: #7dca91;
    color: #e8f5eb;
}

.btn-grabar:hover:not(:disabled)[b-rzsw7c2cge] {
    background-color: #1e7e34;
}

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal[b-rzsw7c2cge] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    height: calc(100vh - 10rem);
    min-height: 25rem;
}

/* ===== PANEL USUARIOS (izquierda) ===== */
.panel-usuarios[b-rzsw7c2cge] {
    width: 50%;
    min-width: 15rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.panel-header[b-rzsw7c2cge] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem;
    font-weight: bold;
    font-size: var(--texto-10pt);
    background-color: #333;
    color: white;
}

.panel-body[b-rzsw7c2cge] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
}

/* ===== PANEL AUTORIZA (derecha) ===== */
.panel-autoriza[b-rzsw7c2cge] {
    width: 50%;
    min-width: 15rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

/* ===== SELECTOR DE TIPO (Solicita/Procesa/Ambos) ===== */
.selector-tipo[b-rzsw7c2cge] {
    display: flex;
    gap: 0.25rem;
}

.opcion-tipo[b-rzsw7c2cge] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    font-size: var(--texto-9pt);
    font-weight: normal;
    background-color: #555;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.opcion-tipo:hover[b-rzsw7c2cge] {
    background-color: #666;
}

.opcion-tipo.activo[b-rzsw7c2cge] {
    background-color: #007bff;
}

.opcion-tipo input[type="radio"][b-rzsw7c2cge] {
    display: none;
}

/* ===== SELECTOR DE TIEMPO ===== */
.selector-tiempo[b-rzsw7c2cge] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.selector-tiempo label[b-rzsw7c2cge] {
    font-size: var(--texto-9pt);
    font-weight: normal;
}

.selector-tiempo select[b-rzsw7c2cge] {
    padding: 0.2rem 0.4rem;
    font-size: var(--texto-9pt);
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: white;
}

.selector-tiempo select:disabled[b-rzsw7c2cge] {
    background-color: #e9ecef;
    color: #6c757d;
}

/* ===== FILTRO SOLO SELECCIONADOS ===== */
.filtro-autorizados[b-rzsw7c2cge] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.5rem;
    font-size: var(--texto-9pt);
    font-weight: normal;
    cursor: pointer;
}

.filtro-autorizados input[type="checkbox"][b-rzsw7c2cge] {
    margin-right: 0.3rem;
    cursor: pointer;
}

/* Items de usuarios */
.item-depto[b-rzsw7c2cge],
.item-usuario[b-rzsw7c2cge] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.25rem;
    border-radius: 3px;
    margin-bottom: 0.1rem;
}

.item-depto:hover[b-rzsw7c2cge],
.item-usuario:hover[b-rzsw7c2cge] {
    background-color: #f0f0f0;
}

.checkbox-container[b-rzsw7c2cge] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: var(--texto-10pt);
    user-select: none;
}

.checkbox-container input[type="checkbox"][b-rzsw7c2cge] {
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.4rem;
    cursor: pointer;
}

.item-texto[b-rzsw7c2cge] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: var(--texto-10pt);
}

.depto-texto[b-rzsw7c2cge] {
    font-weight: normal;
    color: #888;
}

/* Item usuario sin indentación (modo filtrado) */
.item-usuario-flat[b-rzsw7c2cge] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.25rem;
    border-radius: 3px;
    margin-bottom: 0.1rem;
}

.item-usuario-flat:hover[b-rzsw7c2cge] {
    background-color: #f0f0f0;
}

.sin-datos[b-rzsw7c2cge] {
    text-align: center;
    color: #666;
    font-style: italic;
    padding: 1rem;
    font-size: var(--texto-10pt);
}

/* Indentación por nivel */
.usuario-nivel-0[b-rzsw7c2cge] { padding-left: 0; }
.usuario-nivel-1[b-rzsw7c2cge] { padding-left: 1rem; }
.usuario-nivel-2[b-rzsw7c2cge] { padding-left: 2rem; }
.usuario-nivel-3[b-rzsw7c2cge] { padding-left: 3rem; }
.usuario-nivel-4[b-rzsw7c2cge] { padding-left: 4rem; }

/* ===== INDICADORES VISUALES ===== */
.indicador[b-rzsw7c2cge] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.4rem;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 3px;
}

/* Indicador clickeable en modo edición */
.indicador.clickeable[b-rzsw7c2cge] {
    cursor: pointer;
    user-select: none;
    transition: transform 0.1s, opacity 0.1s;
}

.indicador.clickeable:hover[b-rzsw7c2cge] {
    transform: scale(1.2);
    opacity: 0.8;
}

.indicador.clickeable:active[b-rzsw7c2cge] {
    transform: scale(0.95);
}

/* Paloma azul: Todos tienen este autorizador */
.paloma-azul[b-rzsw7c2cge] {
    background-color: #0056b3;
    color: #fff;
    font-weight: 900;
}

/* Bolita celeste: Algunos tienen este autorizador */
.bolita-celeste[b-rzsw7c2cge] {
    background-color: #5bc0de;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
}

/* Vacío */
.vacio[b-rzsw7c2cge] {
    background-color: #f0f0f0;
    border: 1px dashed #ccc;
}

/* Vacío clickeable */
.indicador.clickeable.vacio:hover[b-rzsw7c2cge] {
    border-color: #007bff;
    background-color: #e8f4ff;
}

/* ===== INDICADORES PARA DEPARTAMENTOS (grises) ===== */
.indicador-depto[b-rzsw7c2cge] {
    opacity: 0.7;
}

/* Paloma gris: Todos los usuarios del depto tienen autorización */
.paloma-gris[b-rzsw7c2cge] {
    background-color: #6c757d;
    color: #fff;
    font-weight: 900;
}

/* Bolita gris: Algunos usuarios del depto tienen autorización */
.bolita-gris[b-rzsw7c2cge] {
    background-color: #adb5bd;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
}

/* Vacío gris para departamentos */
.vacio-gris[b-rzsw7c2cge] {
    background-color: #e9ecef;
    border: 1px dashed #adb5bd;
}

/* Vacío gris clickeable */
.indicador.clickeable.vacio-gris:hover[b-rzsw7c2cge] {
    border-color: #6c757d;
    background-color: #dee2e6;
}

/* ===== MODAL ===== */
.modal-overlay[b-rzsw7c2cge] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-contenedor[b-rzsw7c2cge] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 25rem;
    width: 90%;
    overflow: hidden;
}

.modal-header[b-rzsw7c2cge] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--color-cco);
    color: white;
}

.modal-header h3[b-rzsw7c2cge] {
    margin: 0;
    font-size: var(--texto-12pt);
}

.boton-x[b-rzsw7c2cge] {
    color: #ccc;
}

.boton-x:hover[b-rzsw7c2cge] {
    color: white;
}

.modal-body[b-rzsw7c2cge] {
    padding: 1rem;
    font-size: var(--texto-10pt);
}

.modal-body p[b-rzsw7c2cge] {
    margin: 0.5rem 0;
}

.modal-footer[b-rzsw7c2cge] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.btn-cancelar[b-rzsw7c2cge] {
    background-color: #6c757d;
    color: white;
}

.btn-cancelar:hover[b-rzsw7c2cge] {
    background-color: #545b62;
}

.btn-confirmar[b-rzsw7c2cge] {
    background-color: #28a745;
    color: white;
}

.btn-confirmar:hover[b-rzsw7c2cge] {
    background-color: #1e7e34;
}

/* ===== MENSAJES ===== */
.mensaje[b-rzsw7c2cge] {
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-size: var(--texto-10pt);
    font-weight: bold;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.mensaje-exito[b-rzsw7c2cge] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.mensaje-error[b-rzsw7c2cge] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .contenedor-principal[b-rzsw7c2cge] {
        flex-direction: column;
        height: auto;
    }

    .panel-usuarios[b-rzsw7c2cge],
    .panel-autoriza[b-rzsw7c2cge] {
        width: 100%;
        max-height: 20rem;
    }

    .barra-acciones[b-rzsw7c2cge] {
        flex-direction: column;
        align-items: stretch;
    }

    .busqueda-container[b-rzsw7c2cge] {
        flex-wrap: wrap;
    }

    .input-busqueda[b-rzsw7c2cge] {
        width: 100%;
    }

    .botones-accion[b-rzsw7c2cge] {
        justify-content: center;
    }

    .panel-header[b-rzsw7c2cge] {
        flex-direction: column;
        align-items: flex-start;
    }

    .selector-tipo[b-rzsw7c2cge] {
        margin-top: 0.3rem;
    }

    .selector-tiempo[b-rzsw7c2cge] {
        margin-top: 0.3rem;
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/CatCalendarios.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   CatCalendarios.razor.css - Estilos del Catálogo de Calendarios Laborales
   Módulo: CCO (Verde Militar)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   HEADER Y SELECTOR
   ═══════════════════════════════════════════════════════════════════ */
.seccion-header[b-aeyg18kb5r] {
    margin-bottom: 1rem;
}

.titulo-pagina[b-aeyg18kb5r] {
    font-size: var(--texto-12pt);
    color: var(--color-cco);
    margin: 0 0 0.75rem 0;
    font-weight: bold;
}

.selector-calendario[b-aeyg18kb5r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.label-selector[b-aeyg18kb5r] {
    font-size: var(--texto-9pt);
    font-weight: bold;
}

.select-calendario[b-aeyg18kb5r] {
    font-size: var(--texto-9pt);
    padding: 0.3rem 0.5rem;
    min-width: 15rem;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
}

.btn-nuevo[b-aeyg18kb5r] {
    background-color: var(--color-cco);
    color: white;
}

/* ═══════════════════════════════════════════════════════════════════
   SECCIÓN DE DETALLE
   ═══════════════════════════════════════════════════════════════════ */
.seccion-detalle[b-aeyg18kb5r] {
    background-color: #fafafa;
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 1rem;
}

.subseccion[b-aeyg18kb5r] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ddd;
}

.subseccion:last-of-type[b-aeyg18kb5r] {
    border-bottom: none;
    margin-bottom: 1rem;
}

.subtitulo[b-aeyg18kb5r] {
    font-size: var(--texto-12pt);
    color: var(--color-cco);
    margin: 0 0 0.75rem 0;
    font-weight: bold;
}

/* ═══════════════════════════════════════════════════════════════════
   INFORMACIÓN GENERAL
   ═══════════════════════════════════════════════════════════════════ */
.fila-info[b-aeyg18kb5r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.label-campo[b-aeyg18kb5r] {
    font-size: var(--texto-9pt);
    font-weight: bold;
}

.label-rango[b-aeyg18kb5r] {
    margin-left: 1rem;
}

.input-nombre[b-aeyg18kb5r] {
    font-size: var(--texto-9pt);
    padding: 0.3rem 0.5rem;
    width: 15rem;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
}

.input-fecha[b-aeyg18kb5r] {
    font-size: var(--texto-9pt);
    padding: 0.3rem 0.5rem;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
}

.nota-info[b-aeyg18kb5r] {
    font-size: var(--texto-8pt);
    color: #666;
    margin-top: 0.5rem;
    font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════════
   TABLA DE JORNADA SEMANAL
   ═══════════════════════════════════════════════════════════════════ */
.total-semana[b-aeyg18kb5r] {
    font-weight: normal;
    font-size: var(--texto-9pt);
    color: #666;
}

.nota-jornada[b-aeyg18kb5r] {
    font-size: var(--texto-8pt);
    color: #666;
    margin-bottom: 0.5rem;
}

.tabla-jornada[b-aeyg18kb5r] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--texto-8pt);
}

.tabla-jornada th[b-aeyg18kb5r],
.tabla-jornada td[b-aeyg18kb5r] {
    padding: 0.4rem 0.5rem;
    text-align: center;
    border: 1px solid #ddd;
}

.tabla-jornada th[b-aeyg18kb5r] {
    background-color: var(--color-cco);
    color: white;
    font-weight: bold;
}

.tabla-jornada tbody tr:nth-child(even)[b-aeyg18kb5r] {
    background-color: #f5f5f5;
}

.tabla-jornada tbody tr:hover[b-aeyg18kb5r] {
    background-color: #e8f5e9;
}

.celda-dia[b-aeyg18kb5r] {
    font-weight: bold;
    text-align: left;
    width: 5.5rem;
}

.dia-largo[b-aeyg18kb5r] {
    display: inline;
}

.dia-corto[b-aeyg18kb5r] {
    display: none;
}

.celda-total[b-aeyg18kb5r] {
    font-weight: bold;
    color: var(--color-cco);
    width: 3rem;
    text-align: center;
}

.input-hora[b-aeyg18kb5r] {
    font-size: var(--texto-8pt);
    padding: 0.2rem 0.3rem;
    width: 6rem;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════════════
   DÍAS FESTIVOS
   ═══════════════════════════════════════════════════════════════════ */
.nota-festivos[b-aeyg18kb5r] {
    font-size: var(--texto-8pt);
    color: #666;
    margin-bottom: 0.5rem;
}

.nota-opcional[b-aeyg18kb5r] {
    color: #996600;
}

.lista-festivos[b-aeyg18kb5r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.checkbox-festivo[b-aeyg18kb5r] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: var(--texto-8pt);
    padding: 0.3rem 0.6rem;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    cursor: pointer;
    min-width: 12rem;
}

.checkbox-festivo:hover[b-aeyg18kb5r] {
    background-color: #e8f5e9;
    border-color: var(--color-cco);
}

.checkbox-festivo input[type="checkbox"][b-aeyg18kb5r] {
    margin: 0;
    cursor: pointer;
}

.fecha-festivo[b-aeyg18kb5r] {
    font-weight: bold;
    color: var(--color-cco);
}

.nombre-festivo[b-aeyg18kb5r] {
    flex: 1;
}

.tag-movil[b-aeyg18kb5r] {
    font-size: var(--texto-7pt);
    color: #666;
    font-style: italic;
}

/* Botón de quitar para días específicos */
.btn-quitar-dia[b-aeyg18kb5r] {
    background: none;
    border: none;
    color: #c00;
    font-size: var(--texto-10pt);
    font-weight: bold;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    margin-left: auto;
}

.btn-quitar-dia:hover[b-aeyg18kb5r] {
    color: #f00;
}

.dia-especifico-item[b-aeyg18kb5r] {
    cursor: default;
}

/* ═══════════════════════════════════════════════════════════════════
   DÍAS ESPECÍFICOS ADICIONALES
   ═══════════════════════════════════════════════════════════════════ */
.fila-agregar-dia[b-aeyg18kb5r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.input-descripcion-dia[b-aeyg18kb5r] {
    font-size: var(--texto-8pt);
    padding: 0.3rem 0.5rem;
    width: 12rem;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
}

.btn-agregar[b-aeyg18kb5r] {
    background-color: var(--color-cco);
    color: white;
    font-size: var(--texto-8pt);
}

.lista-dias-especificos[b-aeyg18kb5r] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.dia-especifico[b-aeyg18kb5r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.5rem;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    font-size: var(--texto-8pt);
}

.fecha-dia[b-aeyg18kb5r] {
    font-weight: bold;
    color: var(--color-cco);
}

.desc-dia[b-aeyg18kb5r] {
    flex: 1;
    color: #666;
}

.btn-quitar[b-aeyg18kb5r] {
    color: #cc0000;
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    padding: 0;
    width: 1.2rem;
    height: 1.2rem;
}

/* ═══════════════════════════════════════════════════════════════════
   MENSAJE DE RECORDATORIO
   ═══════════════════════════════════════════════════════════════════ */
.mensaje-recordatorio[b-aeyg18kb5r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 0.25rem;
    font-size: var(--texto-9pt);
    color: #856404;
    margin-bottom: 1rem;
}

.icono-alerta[b-aeyg18kb5r] {
    font-size: 1.2rem;                        /* Emoji/icono, no es texto - no usar variable */
}

/* ═══════════════════════════════════════════════════════════════════
   BOTONES DE ACCIÓN
   ═══════════════════════════════════════════════════════════════════ */
.seccion-botones[b-aeyg18kb5r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #ddd;
}

.btn-guardar[b-aeyg18kb5r] {
    background-color: var(--color-cco);
    color: white;
}

.btn-guardar:disabled[b-aeyg18kb5r] {
    background-color: #aaa;
}

.btn-eliminar[b-aeyg18kb5r] {
    background-color: #cc0000;
    color: white;
}

.btn-cancelar[b-aeyg18kb5r] {
    background-color: #666;
    color: white;
}

/* ═══════════════════════════════════════════════════════════════════
   MENSAJES DE RESULTADO
   ═══════════════════════════════════════════════════════════════════ */
.mensaje-resultado[b-aeyg18kb5r] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 0.25rem;
    font-size: var(--texto-9pt);
}

.mensaje-exito[b-aeyg18kb5r] {
    background-color: #d4edda;
    border: 1px solid #28a745;
    color: #155724;
}

.mensaje-error[b-aeyg18kb5r] {
    background-color: #f8d7da;
    border: 1px solid #dc3545;
    color: #721c24;
}

/* ═══════════════════════════════════════════════════════════════════
   MODAL DE CONFIRMACIÓN
   ═══════════════════════════════════════════════════════════════════ */
.modal-overlay[b-aeyg18kb5r] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-contenedor[b-aeyg18kb5r] {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.3);
    max-width: 25rem;
    width: 90%;
}

.modal-header[b-aeyg18kb5r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
    border-radius: 0.5rem 0.5rem 0 0;
}

.modal-header h3[b-aeyg18kb5r] {
    margin: 0;
    font-size: var(--texto-12pt);
    color: #333;
}

.modal-body[b-aeyg18kb5r] {
    padding: 1rem;
    font-size: var(--texto-9pt);
}

.modal-body p[b-aeyg18kb5r] {
    margin: 0 0 0.5rem 0;
}

.nota-modal[b-aeyg18kb5r] {
    font-size: var(--texto-8pt);
    color: #666;
    font-style: italic;
}

.modal-footer[b-aeyg18kb5r] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid #ddd;
    background-color: #f5f5f5;
    border-radius: 0 0 0.5rem 0.5rem;
}

.btn-cancelar-modal[b-aeyg18kb5r] {
    background-color: #666;
    color: white;
}

.btn-confirmar-eliminar[b-aeyg18kb5r] {
    background-color: #cc0000;
    color: white;
}

/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE - CELULAR
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
    .titulo-pagina[b-aeyg18kb5r] {
        font-size: var(--texto-11pt);
    }

    .selector-calendario[b-aeyg18kb5r] {
        flex-wrap: wrap;
    }

    .select-calendario[b-aeyg18kb5r] {
        flex: 1;
        min-width: 10rem;
    }

    .btn-nuevo[b-aeyg18kb5r] {
        flex: 0 0 auto;
    }

    .fila-info[b-aeyg18kb5r] {
        flex-direction: column;
        align-items: flex-start;
    }

    .label-rango[b-aeyg18kb5r] {
        margin-left: 0;
    }

    .input-nombre[b-aeyg18kb5r] {
        width: 100%;
    }

    .input-fecha[b-aeyg18kb5r] {
        width: 100%;
    }

    /* Tabla de jornada en scroll horizontal */
    .tabla-jornada[b-aeyg18kb5r] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .dia-largo[b-aeyg18kb5r] {
        display: none;
    }

    .dia-corto[b-aeyg18kb5r] {
        display: inline;
    }

    .celda-dia[b-aeyg18kb5r] {
        width: 2rem;
    }

    .input-hora[b-aeyg18kb5r] {
        width: 4.5rem;
    }

    /* Festivos en columna */
    .lista-festivos[b-aeyg18kb5r] {
        flex-direction: column;
    }

    .checkbox-festivo[b-aeyg18kb5r] {
        width: 100%;
        min-width: unset;
    }

    .fila-agregar-dia[b-aeyg18kb5r] {
        flex-direction: column;
        align-items: flex-start;
    }

    .input-descripcion-dia[b-aeyg18kb5r] {
        width: 100%;
    }

    .btn-agregar[b-aeyg18kb5r] {
        width: 100%;
        text-align: center;
    }

    .seccion-botones[b-aeyg18kb5r] {
        flex-direction: column;
    }

    .seccion-botones .boton[b-aeyg18kb5r],
    .seccion-botones .boton-grande[b-aeyg18kb5r] {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    .mensaje-recordatorio[b-aeyg18kb5r] {
        flex-direction: column;
        text-align: center;
    }

    .modal-contenedor[b-aeyg18kb5r] {
        margin: 1rem;
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/IniciaTablas.razor.rz.scp.css */
/* =============================================================
   CCOIniciaTablas.razor.css - Inicialización de Tablas SiREI
   Estilos para la página de inicialización del sistema.
   ============================================================= */

/* ===== HEADER CON FECHAS ===== */
.header-section[b-m1cmofsrid] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 1rem;
}

.fechas-sistema[b-m1cmofsrid] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: var(--texto-9pt);           /* Texto pequeño */
}

.fecha-label[b-m1cmofsrid] {
    color: #666;                           /* Gris medio */
}

.fecha-valor[b-m1cmofsrid] {
    color: #333;                           /* Gris oscuro */
    margin-right: 1rem;
}

/* ===== SECCIÓN DE DESCRIPCIÓN ===== */
.descripcion-section[b-m1cmofsrid] {
    font-size: var(--texto-10pt);          /* Texto contenido */
    line-height: var(--line-height-normal);
    margin-bottom: 0.75rem;
}

.descripcion-section p[b-m1cmofsrid] {
    margin: 0.3rem 0;
}

/* ===== OPCIONES DE RADIO ===== */
.opciones-section[b-m1cmofsrid] {
    display: flex;
    gap: 2rem;
    margin-bottom: 0.75rem;
}

.radio-opcion[b-m1cmofsrid] {
    display: inline-flex;
    align-items: center;
    font-size: var(--texto-12pt);          /* Tamaño mediano */
    cursor: pointer;
}

.radio-opcion input[type="radio"][b-m1cmofsrid] {
    margin-right: 0.5rem;
    cursor: pointer;
}

.radio-opcion span[b-m1cmofsrid] {
    vertical-align: middle;
}

/* ===== SECCIÓN DE ACTIVACIÓN ===== */
.activacion-section[b-m1cmofsrid] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.activacion-label[b-m1cmofsrid] {
    font-size: var(--texto-10pt);
}

.input-codigo[b-m1cmofsrid] {
    width: 12rem;                          /* Ancho del input */
    padding: 0.4rem 0.5rem;
    font-size: var(--texto-10pt);
    border: 1px solid #808080;             /* Borde gris */
    border-radius: 4px;
    background-color: #CCCCFF;             /* Fondo azul claro */
}

/* Botón ejecutar */
.btn-ejecutar[b-m1cmofsrid] {
    background-color: #CC0000;             /* Rojo */
    color: white;
    padding: 0.4rem 1.5rem;
    min-width: 15rem;
}

.btn-ejecutar:hover:not(:disabled)[b-m1cmofsrid] {
    background-color: #990000;             /* Rojo más oscuro */
}

.btn-ejecutar:disabled[b-m1cmofsrid] {
    background-color: #CC0000;             /* Mismo rojo aunque esté deshabilitado */
    opacity: 1;
    cursor: not-allowed;
}

/* Botón siguiente paso */
.btn-siguiente[b-m1cmofsrid] {
    background-color: var(--color-cco);    /* Verde Militar CCO */
    color: white;
    padding: 0.4rem 1.5rem;
    text-decoration: none;
    border-radius: 4px;
    font-size: var(--texto-10pt);
    display: inline-flex;
    align-items: center;
}

.btn-siguiente:hover[b-m1cmofsrid] {
    background-color: #3d6a1f;             /* Verde CCO más oscuro */
    color: white;
    text-decoration: none;
}

/* ===== MENSAJES DE ESTADO ===== */
.mensaje-estado[b-m1cmofsrid] {
    font-size: var(--texto-9pt);
    font-weight: bold;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border-radius: 4px;
}

.mensaje-error[b-m1cmofsrid] {
    color: maroon;                         /* Texto vino */
    background-color: #ffe6e6;             /* Fondo rosa claro */
}

.mensaje-ok[b-m1cmofsrid] {
    color: darkgreen;                      /* Texto verde oscuro */
    background-color: #e6ffe6;             /* Fondo verde claro */
}

/* ===== RESULTADO ===== */
.resultado-section[b-m1cmofsrid] {
    margin-bottom: 1rem;
}

.textarea-resultado[b-m1cmofsrid] {
    width: 100%;
    max-width: 60rem;                      /* Ancho máximo */
    height: 25rem;                         /* Alto del textarea */
    padding: 0.5rem;
    font-size: var(--texto-9pt);
    font-family: Consolas, monospace;      /* Fuente monoespaciada */
    border: 1px solid #808080;
    border-radius: 4px;
    resize: vertical;                      /* Solo redimensionar verticalmente */
    background-color: #fafafa;             /* Fondo gris muy claro */
}

/* ===== PARÁMETROS DEL GENERADOR ===== */
.parametros-generador[b-m1cmofsrid] {
    background-color: #f5f5f5;          /* Fondo gris claro */
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 2rem;
    align-items: center;
}

.parametros-generador h4[b-m1cmofsrid] {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    color: #333;
    font-size: var(--texto-11pt);
}

.parametro-row[b-m1cmofsrid] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--texto-10pt);
}

.parametro-row label[b-m1cmofsrid] {
    white-space: nowrap;
}

.parametro-row select[b-m1cmofsrid] {
    padding: 0.3rem 0.5rem;
    font-size: var(--texto-10pt);
    border: 1px solid #808080;
    border-radius: 4px;
    background-color: white;
}

.parametro-row input[type="checkbox"][b-m1cmofsrid] {
    margin-right: 0.3rem;
}

.parametro-checks[b-m1cmofsrid] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 2rem;
    font-size: var(--texto-10pt);
}

.parametro-checks label[b-m1cmofsrid] {
    cursor: pointer;
}

.parametro-checks input[type="checkbox"][b-m1cmofsrid] {
    margin-right: 0.3rem;
}

.nota-generador[b-m1cmofsrid] {
    width: 100%;
    font-size: var(--texto-8pt);
    color: #666;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.5rem;
    border-top: 1px solid #ddd;
}

/* ===== SPINNER CIRCULAR DENTRO DEL BOTÓN ===== */
.btn-spinner[b-m1cmofsrid] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: white;
    border-radius: 50%;
    animation: btn-spin-b-m1cmofsrid 0.7s linear infinite;
    vertical-align: middle;
    margin-right: 0.4rem;
}

@keyframes btn-spin-b-m1cmofsrid {
    to { transform: rotate(360deg); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .header-section[b-m1cmofsrid] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .fechas-sistema[b-m1cmofsrid] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .activacion-section[b-m1cmofsrid] {
        flex-direction: column;
        align-items: flex-start;
    }

    .input-codigo[b-m1cmofsrid] {
        width: 100%;
    }

    .btn-ejecutar[b-m1cmofsrid] {
        max-width: 100%;                   /* No se sale del contenedor */
        margin-left: 0;                    /* en este caso no lo ocupa*/
    }

    .btn-siguiente[b-m1cmofsrid] {
        max-width: 100%;                   /* No se sale del contenedor */
        margin-left: 0;                 /* en este caso no lo ocupa*/
    }

    .textarea-resultado[b-m1cmofsrid] {
        height: 18rem;                     /* Más pequeño en móvil */
    }
}

/* Spinner del módulo */
.sirei-spinner[b-m1cmofsrid] {
    --spinner-color: var(--color-cco);
}
/* _content/SiREI_2026/Components/Pages/10CCO/LogSiREI.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   LogSiREI.razor.css - Estilos para la consulta del Log del Sistema
   Módulo: CCO (Verde Militar)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ===== CONTENEDOR PRINCIPAL ===== */
/* Pega la barra de filtros a la barra del SiREI */
.contenedor-principal-sirei[b-igooyasypy] {
    padding-top: 0;                           /* Sin padding superior */
    padding-bottom: 0;                        /* Sin padding inferior para evitar scroll */
}

/* ═══════════════════════════════════════════════════════════════════════════
   BARRA DE FILTROS - Color del módulo CCO (verde claro)
   ═══════════════════════════════════════════════════════════════════════════ */
.barra-filtros[b-igooyasypy] {
    background-color: #d4e8c7;
}

/* Lista de registros del log */
.log-list[b-igooyasypy] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem;
}

/* Item individual del log */
.log-item[b-igooyasypy] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background-color: white;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
    border: 1px solid #ddd;
}

.log-item:hover[b-igooyasypy] {
    background-color: #e8f5e9;
}

.log-item-expandido[b-igooyasypy] {
    background-color: #f5f5f5;
    border-left-color: var(--color-cco);
}

/* Columna de fecha */
.log-fecha[b-igooyasypy] {
    flex-shrink: 0;
    width: 10rem;
    font-size: var(--texto-8pt);
    color: #666;
    line-height: 1.4;
}

/* Columna de categoria (etiqueta) */
.log-categoria[b-igooyasypy] {
    flex-shrink: 0;
    width: 6rem;
    text-align: center;
    line-height: 1;
}

/* Columna de evento */
.log-evento[b-igooyasypy] {
    flex-grow: 1;
    font-size: var(--texto-9pt);
    word-break: break-word;
}

.evento-truncado[b-igooyasypy] {
    color: #333;
}

.evento-completo[b-igooyasypy] {
    color: #333;
    white-space: pre-wrap;
}

/* Etiquetas de categoria */
.etiqueta-procdia[b-igooyasypy] {
    background-color: var(--color-cco);
    color: white;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: var(--texto-8pt);
    font-weight: 500;
}

.etiqueta-procdia-error[b-igooyasypy] {
    background-color: var(--color-panel);
    color: white;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: var(--texto-8pt);
    font-weight: 500;
}

.etiqueta-info[b-igooyasypy] {
    background-color: var(--color-reqs);
    color: black;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: var(--texto-8pt);
    font-weight: 500;
}

.etiqueta-info-error[b-igooyasypy] {
    background-color: var(--color-panel);
    color: white;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: var(--texto-8pt);
    font-weight: 500;
}

/* Input type date en barra de filtros */
.barra-filtros-date[b-igooyasypy] {
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--color-border);
    border-radius: 0.25rem;
    font-size: var(--texto-9pt);
}

/* ═══════════════════════════════════════════════════════════════════════════
   CHECKBOX Y SELECCION
   ═══════════════════════════════════════════════════════════════════════════ */
.log-checkbox[b-igooyasypy] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
}

.log-checkbox input[type="checkbox"][b-igooyasypy] {
    cursor: pointer;
    width: 1rem;
    height: 1rem;
}

.log-item-seleccionado[b-igooyasypy] {
    background-color: #fff3cd;
    border-color: #ffc107;
}

/* Botón eliminar en barra de filtros */
.btn-eliminar[b-igooyasypy] {
    background-color: #cc0000;
    color: white;
    margin-left: auto;
}

.btn-eliminar:hover[b-igooyasypy] {
    background-color: #aa0000;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MODAL DE CONFIRMACION
   ═══════════════════════════════════════════════════════════════════════════ */
.modal-overlay[b-igooyasypy] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-contenedor[b-igooyasypy] {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.3);
    max-width: 25rem;
    width: 90%;
}

.modal-header[b-igooyasypy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #ddd;
    background-color: #f5f5f5;
    border-radius: 0.5rem 0.5rem 0 0;
}

.modal-header h3[b-igooyasypy] {
    margin: 0;
    font-size: var(--texto-12pt);
    color: #333;
}

.modal-body[b-igooyasypy] {
    padding: 1rem;
    font-size: var(--texto-9pt);
}

.modal-body p[b-igooyasypy] {
    margin: 0 0 0.5rem 0;
}

.nota-modal[b-igooyasypy] {
    font-size: var(--texto-8pt);
    color: #666;
    font-style: italic;
}

.modal-footer[b-igooyasypy] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid #ddd;
    background-color: #f5f5f5;
    border-radius: 0 0 0.5rem 0.5rem;
}

.btn-cancelar-modal[b-igooyasypy] {
    background-color: #666;
    color: white;
}

.btn-confirmar-eliminar[b-igooyasypy] {
    background-color: #cc0000;
    color: white;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE - Celulares
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
    .log-item[b-igooyasypy] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .log-checkbox[b-igooyasypy] {
        flex-shrink: 0;
    }

    .log-fecha[b-igooyasypy] {
        width: auto;
        flex-shrink: 0;
        font-size: var(--texto-7pt);
    }

    .log-categoria[b-igooyasypy] {
        width: auto;
        flex-shrink: 0;
        text-align: left;
    }

    .log-evento[b-igooyasypy] {
        width: 100%;
        font-size: var(--texto-8pt);
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/Panel.razor.rz.scp.css */
/*
   Panel.razor.css - Panel de Control del CCO
   Estilos para el panel de administracion con usuarios y mantenimiento.
*/

/* ===== TITULO ===== */
.panel-titulo[b-0rg78hs47k] {
    color: var(--color-cco);
    margin-bottom: 1rem;
    font-size: var(--texto-16pt);
}

/* ===== SECCIONES ===== */
.panel-seccion[b-0rg78hs47k] {
    background: white;
    border-radius: 0.375rem;
    padding: 1rem;
    margin-bottom: 0.75rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.panel-seccion h3[b-0rg78hs47k] {
    color: #333;
    font-size: var(--texto-11pt);
    margin: 0 0 0.75rem 0;
    padding-bottom: 0.375rem;
    border-bottom: 2px solid var(--color-cco);
}

/* ===== USUARIOS ===== */
.usuarios-grid[b-0rg78hs47k] {
    display: flex;
    gap: 1rem;
}

.usuario-card[b-0rg78hs47k] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.375rem;
    padding: 0.75rem 1.25rem;
    text-align: center;
    min-width: 100px;
}

.usuario-numero[b-0rg78hs47k] {
    font-size: var(--texto-12pt);
    font-weight: 700;
    color: var(--color-cco);
}

.usuario-label[b-0rg78hs47k] {
    font-size: var(--texto-9pt);
    color: #666;
}

/* ===== MANTENIMIENTO HEADER ===== */
.mtto-header[b-0rg78hs47k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.mtto-header h3[b-0rg78hs47k] {
    margin: 0;
    padding: 0;
    border: none;
}

.estado-badge[b-0rg78hs47k] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 1rem;
    font-size: var(--texto-9pt);
    font-weight: 600;
}

.estado-badge.estado-normal[b-0rg78hs47k] {
    background: #d4edda;
    color: #155724;
}

.estado-badge.estado-total[b-0rg78hs47k] {
    background: #f8d7da;
    color: #721c24;
}

.estado-badge.estado-operativo[b-0rg78hs47k] {
    background: #fff3cd;
    color: #856404;
}

.estado-badge.estado-analisis[b-0rg78hs47k] {
    background: #cce5ff;
    color: #004085;
}

.estado-icono[b-0rg78hs47k] {
    font-size: var(--texto-10pt);
}

/* ===== RADIO BUTTONS ===== */
.mtto-opciones[b-0rg78hs47k] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.mtto-radio[b-0rg78hs47k] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    cursor: pointer;
    font-size: var(--texto-10pt);
}

.mtto-radio input[type="radio"][b-0rg78hs47k] {
    margin: 0;
    cursor: pointer;
}

.radio-label[b-0rg78hs47k] {
    font-weight: 600;
    color: #333;
}

.radio-desc[b-0rg78hs47k] {
    color: #666;
    font-size: var(--texto-9pt);
}

/* ===== DESCRIPCION ===== */
.mtto-descripcion[b-0rg78hs47k] {
    font-size: var(--texto-8pt);
    color: #888;
    margin-bottom: 0.75rem;
    padding-left: 0.25rem;
    line-height: 1.5;
}

/* ===== CONTROLES ===== */
.mtto-controles[b-0rg78hs47k] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.input-mensaje[b-0rg78hs47k] {
    flex: 1;
    min-width: 200px;
    padding: 0.375rem 0.625rem;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    font-size: var(--texto-9pt);
}

.btn-activar-mtto[b-0rg78hs47k] {
    background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
    color: #333;
    border: none;
    padding: 0.375rem 1rem;
    font-weight: 600;
    font-size: var(--texto-9pt);
}

.btn-activar-mtto:hover:not(:disabled)[b-0rg78hs47k] {
    background: linear-gradient(135deg, #e0a800 0%, #c69500 100%);
}

.btn-activar-mtto:disabled[b-0rg78hs47k] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===== ESTADO ACTIVO ===== */
.mtto-activo-info[b-0rg78hs47k] {
    font-size: var(--texto-10pt);
}

.mtto-activo-info p[b-0rg78hs47k] {
    margin: 0 0 0.5rem 0;
    color: #555;
}

.mtto-desde[b-0rg78hs47k] {
    color: #888;
    font-size: var(--texto-9pt);
}

.mtto-acceso[b-0rg78hs47k] {
    font-size: var(--texto-9pt);
}

.mtto-mensaje[b-0rg78hs47k] {
    font-style: italic;
    color: #666;
    font-size: var(--texto-9pt);
}

.btn-desactivar-mtto[b-0rg78hs47k] {
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
    color: white;
    border: none;
    padding: 0.375rem 1rem;
    font-weight: 600;
    font-size: var(--texto-9pt);
    margin-top: 0.5rem;
}

.btn-desactivar-mtto:hover[b-0rg78hs47k] {
    background: linear-gradient(135deg, #1e7e34 0%, #155724 100%);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 480px) {
    .mtto-opciones[b-0rg78hs47k] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .usuarios-grid[b-0rg78hs47k] {
        justify-content: center;
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/ProcesoDiario.razor.rz.scp.css */
/* CCOProcesoDiario.razor.css - Estilos del Proceso Diario */

.procesando[b-doyjfcmf8t] {
    text-align: center;              /* Centrado */
    padding: 2rem;                   /* Espaciado interno */
    color: var(--color-home);        /* Verde del sistema */
}

.resultado[b-doyjfcmf8t] {
    padding: 1rem;                   /* Espaciado interno */
}

.resultado h3[b-doyjfcmf8t] {
    color: var(--color-home);        /* Verde del sistema */
    margin-bottom: 1rem;             /* Espacio inferior */
}

.log-output[b-doyjfcmf8t] {
    background-color: #f5f5f5;       /* Gris claro de fondo */
    border: 1px solid #ddd;          /* Borde gris */
    border-radius: 4px;              /* Esquinas redondeadas */
    padding: 1rem;                   /* Espaciado interno */
    font-family: monospace;          /* Fuente monoespaciada */
    font-size: var(--texto-10pt);    /* Tamaño pequeño */
    max-height: 500px;               /* Altura máxima */
    overflow-y: auto;                /* Scroll vertical */
    white-space: pre-wrap;           /* Preservar espacios y saltos */
}

.acceso-denegado[b-doyjfcmf8t] {
    text-align: center;              /* Centrado */
    padding: 2rem;                   /* Espaciado interno */
    color: #FF0000;                  /* Rojo */
}

.acceso-denegado strong[b-doyjfcmf8t] {
    font-size: var(--texto-14pt);    /* Tamaño grande */
}

/* Spinner del módulo */
.sirei-spinner[b-doyjfcmf8t] {
    --spinner-color: var(--color-cco);
}
/* _content/SiREI_2026/Components/Pages/10CCO/ProcesoDiarioMenu.razor.rz.scp.css */
/* =============================================================
   ProcesoDiarioMenu.razor.css - Proceso Diario Manual (CCO)
   Estilos para la ejecución manual del Proceso Diario.
   ============================================================= */

/* ===== FECHA DEL SISTEMA ===== */
.fecha-section[b-rplr2u6j1o] {
    margin-bottom: 1rem;                /* Espacio inferior */
}

.fecha-label[b-rplr2u6j1o] {
    font-size: var(--texto-10pt);       /* Texto contenido */
    color: #666;                        /* Gris medio */
}

.fecha-valor[b-rplr2u6j1o] {
    font-size: var(--texto-10pt);       /* Texto contenido */
    font-weight: bold;                  /* Negrita */
    color: #333;                        /* Gris oscuro */
    margin-left: 0.5rem;               /* Separación del label */
}

/* ===== SECCIÓN DE DÍAS DE DIFERENCIA ===== */
.dias-section[b-rplr2u6j1o] {
    display: flex;                      /* Flex horizontal */
    flex-wrap: wrap;                    /* Wrap en móvil */
    align-items: center;               /* Centrado vertical */
    gap: 0.75rem;                      /* Espacio entre elementos */
    margin-bottom: 1rem;               /* Espacio inferior */
}

.dias-label[b-rplr2u6j1o] {
    font-size: var(--texto-10pt);       /* Texto contenido */
}

.input-dias[b-rplr2u6j1o] {
    width: 4rem;                        /* Ancho compacto */
    padding: 0.4rem 0.5rem;            /* Espaciado interno */
    font-size: var(--texto-10pt);       /* Texto contenido */
    font-weight: bold;                  /* Negrita */
    text-align: center;                 /* Texto centrado */
    border: 1px solid #808080;          /* Borde gris */
    border-radius: 4px;                 /* Esquinas redondeadas */
}

/* Botón calcular fecha */
.btn-calcular[b-rplr2u6j1o] {
    background-color: #e0e0e0;          /* Gris claro */
    color: #333;                        /* Texto oscuro */
}

.btn-calcular:hover:not(:disabled)[b-rplr2u6j1o] {
    background-color: #c0c0c0;          /* Gris medio al hover */
}

/* ===== SECCIÓN DE EJECUTAR ===== */
.ejecutar-section[b-rplr2u6j1o] {
    margin-bottom: 1rem;                /* Espacio inferior */
}

/* Botón ejecutar proceso */
.btn-ejecutar[b-rplr2u6j1o] {
    background-color: #548C2E;          /* Verde militar CCO */
    color: white;                       /* Texto blanco */
    padding: 0.4rem 1.5rem;             /* Espaciado interno */
    min-width: 20rem;                   /* Ancho mínimo */
    margin-left: 0;                     /* en este caso no lo ocupa*/
}

.btn-ejecutar:hover:not(:disabled)[b-rplr2u6j1o] {
    background-color: #3d6b1e;          /* Verde más oscuro al hover */
}

.btn-ejecutar:disabled[b-rplr2u6j1o] {
    background-color: #548C2E;          /* Mismo color deshabilitado */
    opacity: 0.5;                       /* Semitransparente cuando no disponible */
    cursor: not-allowed;                /* Cursor no permitido */
}

/* Cuando está ejecutando, opacidad completa */
.btn-ejecutar:disabled:has(.btn-spinner)[b-rplr2u6j1o] {
    opacity: 1;                         /* Opacidad completa con spinner */
}

/* ===== MENSAJES DE ESTADO ===== */
.mensaje-estado[b-rplr2u6j1o] {
    font-size: var(--texto-9pt);        /* Texto pequeño */
    font-weight: bold;                  /* Negrita */
    padding: 0.5rem;                    /* Espaciado interno */
    margin-bottom: 1rem;                /* Espacio inferior */
    border-radius: 4px;                 /* Esquinas redondeadas */
}

.mensaje-error[b-rplr2u6j1o] {
    color: maroon;                      /* Texto vino */
    background-color: #ffe6e6;          /* Fondo rosa claro */
}

.mensaje-ok[b-rplr2u6j1o] {
    color: darkgreen;                   /* Texto verde oscuro */
    background-color: #e6ffe6;          /* Fondo verde claro */
}

.tiempo-transcurrido[b-rplr2u6j1o] {
    font-weight: normal;                /* Peso normal */
    margin-left: 0.5rem;               /* Separación */
}

/* ===== LOG DE SALIDA ===== */
.log-section[b-rplr2u6j1o] {
    margin-bottom: 1rem;                /* Espacio inferior */
}

.log-section h4[b-rplr2u6j1o] {
    color: var(--color-cco);            /* Verde militar CCO */
    margin-bottom: 0.5rem;             /* Espacio inferior */
}

.log-output[b-rplr2u6j1o] {
    background-color: #f5f5f5;          /* Gris claro de fondo */
    border: 1px solid #ddd;             /* Borde gris */
    border-radius: 4px;                 /* Esquinas redondeadas */
    padding: 1rem;                      /* Espaciado interno */
    font-family: Consolas, monospace;   /* Fuente monoespaciada */
    font-size: var(--texto-9pt);        /* Texto pequeño */
    max-height: 30rem;                  /* Altura máxima */
    overflow-y: auto;                   /* Scroll vertical */
    white-space: pre-wrap;              /* Preservar espacios y saltos */
}

/* ===== SPINNER CIRCULAR DENTRO DEL BOTÓN ===== */
.btn-spinner[b-rplr2u6j1o] {
    display: inline-block;              /* Inline para alinear con texto */
    width: 1rem;                        /* Ancho del spinner */
    height: 1rem;                       /* Alto del spinner */
    border: 2px solid rgba(255, 255, 255, 0.4);  /* Borde semitransparente */
    border-top-color: white;            /* Parte superior blanca */
    border-radius: 50%;                 /* Circular */
    animation: btn-spin-b-rplr2u6j1o 0.7s linear infinite;     /* Animación continua */
    vertical-align: middle;             /* Alineación vertical */
    margin-right: 0.4rem;              /* Espacio antes del texto */
}

@keyframes btn-spin-b-rplr2u6j1o {
    to { transform: rotate(360deg); }
}

/* ===== SPINNER DEL MÓDULO ===== */
.sirei-spinner[b-rplr2u6j1o] {
    --spinner-color: var(--color-cco);  /* Verde militar CCO */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .dias-section[b-rplr2u6j1o] {
        flex-direction: column;         /* Vertical en móvil */
        align-items: flex-start;        /* Alinear a la izquierda */
    }

    .input-dias[b-rplr2u6j1o] {
        width: 5rem;                    /* Un poco más ancho en móvil */
    }

    .btn-ejecutar[b-rplr2u6j1o] {
        max-width: 100%;                /* No se sale del contenedor */
        min-width: auto;                /* Sin mínimo */
    }

    .btn-calcular[b-rplr2u6j1o] {
        max-width: 100%;                /* No se sale del contenedor */
        margin-left: 0;                 /* en este caso no lo ocupa*/
    }

    .log-output[b-rplr2u6j1o] {
        max-height: 20rem;              /* Más compacto en móvil */
        font-size: var(--texto-8pt);    /* Texto más pequeño */
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/Tests.razor.rz.scp.css */
/*
   Tests.razor.css
   Estilos para la página índice de tests
*/

.tests-descripcion[b-nkhexs9f9n] {
    font-size: var(--texto-9pt);
    color: #666;
    margin-bottom: 1.5rem;
}

.tests-lista[b-nkhexs9f9n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 600px;
}

.test-card[b-nkhexs9f9n] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.test-card:hover[b-nkhexs9f9n] {
    background: #fff;
    border-color: var(--color-cco);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.test-card-icon[b-nkhexs9f9n] {
    font-size: 1.75rem;
    line-height: 1;
    flex-shrink: 0;
}

.test-card-content[b-nkhexs9f9n] {
    flex: 1;
}

.test-card-title[b-nkhexs9f9n] {
    font-size: var(--texto-11pt);
    font-weight: bold;
    color: #333;
    margin-bottom: 0.25rem;
}

.test-card-desc[b-nkhexs9f9n] {
    font-size: var(--texto-9pt);
    color: #666;
    line-height: 1.4;
}

.test-card-ruta[b-nkhexs9f9n] {
    font-size: var(--texto-8pt);
    color: #999;
    font-family: monospace;
    margin-top: 0.5rem;
}
/* _content/SiREI_2026/Components/Pages/10CCO/Test/Test.razor.rz.scp.css */
/*
   Test.razor.css
   Página de pruebas para encriptación (uso desarrollo).
   Formulario simple para probar cifrado/descifrado.
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
.test-container[b-20kwqo505q] {
    padding: 1.5rem;                          /* Espaciado interno */
    max-width: 500px;                         /* Ancho máximo */
    margin: auto;                             /* Centrado horizontal */
}

/* ===== GRUPO DE CAMPO ===== */
.test-form-group[b-20kwqo505q] {
    margin-bottom: 1rem;                      /* Separación entre campos */
}

.test-form-group label[b-20kwqo505q] {
    display: block;                           /* Elemento de bloque */
    margin-bottom: 0.25rem;                   /* Separación del input */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== INPUT DE TEXTO ===== */
.test-input[b-20kwqo505q] {
    width: 100%;                              /* Ancho completo */
    padding: 0.5rem;                          /* Espaciado interno */
    border: 1px solid var(--color-border);    /* Borde gris claro */
    border-radius: 4px;                       /* Esquinas redondeadas */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== CONTENEDOR DE BOTONES ===== */
.test-actions[b-20kwqo505q] {
    display: flex;                            /* Flexbox horizontal */
    gap: 0.5rem;                              /* Espacio entre botones */
    margin-bottom: 1.5rem;                    /* Separación inferior */
}

/* ===== BOTÓN PRIMARIO (Cifrar) ===== */
/* Usa .boton de app.css (9pt) - aquí solo colores */
.test-btn-primary[b-20kwqo505q] {
    background-color: var(--color-home);      /* Verde SiREI */
    color: white;                             /* Texto blanco */
}

/* ===== BOTÓN SECUNDARIO (Descifrar) ===== */
/* Usa .boton de app.css (9pt) - aquí solo colores */
.test-btn-secondary[b-20kwqo505q] {
    background-color: #666;                   /* Gris medio */
    color: white;                             /* Texto blanco */
}

/* ===== ALERTA DE RESULTADO (Info) ===== */
.test-alert-info[b-20kwqo505q] {
    padding: 1rem;                            /* Espaciado interno */
    background-color: #d1ecf1;                /* Azul claro */
    border: 1px solid #bee5eb;                /* Borde azul suave */
    border-radius: 4px;                       /* Esquinas redondeadas */
    color: #0c5460;                           /* Texto azul oscuro */
}

.test-alert-info code[b-20kwqo505q] {
    word-break: break-all;                    /* Permite cortar texto largo */
}

/* ===== ALERTA DE ERROR ===== */
.test-alert-error[b-20kwqo505q] {
    padding: 1rem;                            /* Espaciado interno */
    background-color: #f8d7da;                /* Rojo claro */
    border: 1px solid #f5c6cb;                /* Borde rojo suave */
    border-radius: 4px;                       /* Esquinas redondeadas */
    color: #721c24;                           /* Texto rojo oscuro */
    font-size: 0.8rem;                        /* Tamaño pequeño */
}
/* _content/SiREI_2026/Components/Pages/10CCO/Test/TestLoading.razor.rz.scp.css */
/*
   TestLoading.razor.css
   Página de prueba para evaluar indicadores de carga (spinners).
   Muestra diferentes opciones de spinners para estandarizar el sistema.
*/

h2[b-wp3eamv3c2] {
    color: #333;
    margin-bottom: 0.5rem;
}

h3[b-wp3eamv3c2] {
    color: #666;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.25rem;
}

/* ===== PUNTO 0: SELECCION ===== */
.seccion-seleccion[b-wp3eamv3c2] {
    margin-bottom: 2rem;
    padding: 1rem;
    background-color: #FFFFF0;
    border: 2px solid #DAA520;
    border-radius: 8px;
}

.seccion-seleccion h3[b-wp3eamv3c2] {
    color: #DAA520;
    margin-top: 0;
    border-bottom: 1px solid #DAA520;
}

.seleccion-grid[b-wp3eamv3c2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.seleccion-card[b-wp3eamv3c2] {
    border: 2px solid #999;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    background-color: #FFFFFF;
}

.seleccion-card h4[b-wp3eamv3c2] {
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    color: #666;
}

.seleccion-card-nuevo[b-wp3eamv3c2] {
    border-color: #228B22;
    background-color: #F0FFF0;
}

.seleccion-card-nuevo h4[b-wp3eamv3c2] {
    color: #228B22;
}

.seleccion-demo[b-wp3eamv3c2] {
    min-height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.seleccion-texto[b-wp3eamv3c2] {
    font-size: .9rem;
    font-weight: bold;
    color: #228B22;
}

.origen[b-wp3eamv3c2] {
    font-size: 0.75rem;
    color: #999;
    font-style: italic;
    margin-bottom: 0.5rem;
}

.seccion-test[b-wp3eamv3c2] {
    margin-bottom: 2rem;
}

.demo-container[b-wp3eamv3c2] {
    border: 2px dashed #ccc;
    padding: 1rem;
    margin: 0.5rem 0;
    border-radius: 4px;
}

.demo-blanco[b-wp3eamv3c2] {
    background-color: #FFFFFF;
}

.demo-gris[b-wp3eamv3c2] {
    background-color: #F5F5F5;
}

/* ===== TIPO 1: panel-wait (ReqNuevoCaptura) ===== */
.panel-wait-demo[b-wp3eamv3c2] {
    text-align: center;
    padding: 2.5rem 1.25rem;
    background-color: #FFFFFF;
}

.panel-wait-demo img[b-wp3eamv3c2] {
    width: 3rem;
    height: 3rem;
}

.mensaje-wait-demo[b-wp3eamv3c2] {
    color: #008000;
    font-weight: bold;
    font-size: 0.92rem;
}

/* ===== TIPO 2: procesando (IniciaTablas) ===== */
.procesando-demo[b-wp3eamv3c2] {
    text-align: left;
    padding: 1.5rem;
    font-size: 0.83rem;
    color: #228B22;
}

.procesando-demo img[b-wp3eamv3c2] {
    margin-bottom: 0.5rem;
}

.procesando-demo strong[b-wp3eamv3c2] {
    display: block;
    margin-bottom: 0.25rem;
}

/* ===== TIPO 3: procesando (ProcesoDiario) ===== */
.procesando-diario-demo[b-wp3eamv3c2] {
    text-align: center;
    padding: 2rem;
    color: #228B22;
}

/* ===== TIPO 4: panel-mensaje (EncConfirma) ===== */
.panel-mensaje-demo[b-wp3eamv3c2] {
    text-align: center;
    padding: 1.25rem;
}

.texto-verde-demo[b-wp3eamv3c2] {
    color: #008000;
    font-weight: bold;
}

.panel-mensaje-demo img[b-wp3eamv3c2] {
    max-width: 3.13rem;
    height: auto;
}

/* ===== TIPO 5: loading-message (PanelEnc/PanelEva) ===== */
.loading-message-demo[b-wp3eamv3c2] {
    text-align: center;
    padding: 1.25rem;
    font-size: 0.83rem;
    color: #666;
}

/* ===== TIPO 6: enviando (FooterContacto) ===== */
.enviando-demo[b-wp3eamv3c2] {
    text-align: center;
    padding: 1rem;
}

/* ===== TIPO 7-13: botones de modales ===== */
.btn-demo[b-wp3eamv3c2] {
    background-color: #4CAF50;
    color: white;
    padding: 0.5rem 1rem;
    border: none;
    cursor: not-allowed;
    opacity: 0.7;
}

/* ===== CONCLUSION ===== */
.conclusion[b-wp3eamv3c2] {
    background-color: #FFFFC0;
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: 2rem;
}

.conclusion ol[b-wp3eamv3c2] {
    margin-left: 1.5rem;
}

.conclusion li[b-wp3eamv3c2] {
    margin-bottom: 0.5rem;
}

.recomendacion[b-wp3eamv3c2] {
    background-color: #90EE90;
    padding: 0.5rem;
    margin-top: 1rem;
    border-radius: 4px;
}

.alerta[b-wp3eamv3c2] {
    background-color: #FFCCCC;
    color: #CC0000;
    padding: 0.5rem;
    margin-top: 0.5rem;
    border-radius: 4px;
    font-weight: bold;
}

.problema[b-wp3eamv3c2] {
    color: #CC0000;
}

/* ===== PAGINAS SIN INDICADOR ===== */
.sin-indicador[b-wp3eamv3c2] {
    background-color: #FFF0F0;
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    border: 1px solid #FFCCCC;
}

.tabla-paginas[b-wp3eamv3c2] {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 0.85rem;
}

.tabla-paginas th[b-wp3eamv3c2],
.tabla-paginas td[b-wp3eamv3c2] {
    border: 1px solid #ddd;
    padding: 0.5rem;
    text-align: left;
}

.tabla-paginas th[b-wp3eamv3c2] {
    background-color: #CC0000;
    color: white;
}

.tabla-paginas tr:nth-child(even)[b-wp3eamv3c2] {
    background-color: #FFF5F5;
}

.tabla-paginas tr:hover[b-wp3eamv3c2] {
    background-color: #FFE0E0;
}

.tabla-paginas tr.separador-modulo[b-wp3eamv3c2] {
    background-color: #FFDDDD;
}

.tabla-paginas tr.separador-modulo td[b-wp3eamv3c2] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

/* ===== PROPUESTAS DE SPINNERS ===== */
.propuestas-grid[b-wp3eamv3c2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.propuesta-card[b-wp3eamv3c2] {
    border: 2px solid #228B22;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    background-color: #F0FFF0;
}

.propuesta-card h4[b-wp3eamv3c2] {
    margin: 0 0 1rem 0;
    color: #228B22;
    font-size: 0.9rem;
}

.propuesta-actual[b-wp3eamv3c2] {
    border-color: #999;
    background-color: #F5F5F5;
}

.propuesta-actual h4[b-wp3eamv3c2] {
    color: #666;
}

.demo-spinner[b-wp3eamv3c2] {
    min-height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.spinner-texto[b-wp3eamv3c2] {
    color: #228B22;
    font-size: 0.8rem;
    font-weight: bold;
}

.propuesta-desc[b-wp3eamv3c2] {
    font-size: 0.7rem;
    color: #666;
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.propuesta-nota[b-wp3eamv3c2] {
    background-color: #E8F5E9;
    border: 1px solid #228B22;
    border-radius: 4px;
    padding: 1rem;
    margin: 1rem 0;
}

.propuesta-nota ul[b-wp3eamv3c2] {
    margin: 0.5rem 0 0 1.5rem;
    font-size: 0.85rem;
}

.propuesta-nota li[b-wp3eamv3c2] {
    margin-bottom: 0.25rem;
}

/* ===== OPCION A: Spinner Circular ===== */
.spinner-circular[b-wp3eamv3c2] {
    width: 2.5rem;
    height: 2.5rem;
    border: 4px solid #C8E6C9;
    border-top-color: #228B22;
    border-radius: 50%;
    animation: spin-b-wp3eamv3c2 1s linear infinite;
}

@keyframes spin-b-wp3eamv3c2 {
    to { transform: rotate(360deg); }
}

/* ===== OPCION B: Puntos ===== */
.spinner-dots[b-wp3eamv3c2] {
    display: flex;
    gap: 0.4rem;
}

.spinner-dots .dot[b-wp3eamv3c2] {
    width: 0.6rem;
    height: 0.6rem;
    background-color: #228B22;
    border-radius: 50%;
    animation: bounce-b-wp3eamv3c2 1.4s ease-in-out infinite;
}

.spinner-dots .dot:nth-child(1)[b-wp3eamv3c2] { animation-delay: 0s; }
.spinner-dots .dot:nth-child(2)[b-wp3eamv3c2] { animation-delay: 0.2s; }
.spinner-dots .dot:nth-child(3)[b-wp3eamv3c2] { animation-delay: 0.4s; }

@keyframes bounce-b-wp3eamv3c2 {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* ===== OPCION C: Pulso ===== */
.spinner-pulse[b-wp3eamv3c2] {
    width: 2rem;
    height: 2rem;
    background-color: #228B22;
    border-radius: 50%;
    animation: pulse-b-wp3eamv3c2 1.5s ease-in-out infinite;
}

@keyframes pulse-b-wp3eamv3c2 {
    0% {
        transform: scale(0.8);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.5;
    }
    100% {
        transform: scale(0.8);
        opacity: 1;
    }
}

/* ===== OPCION D: Doble anillo ===== */
.spinner-dual[b-wp3eamv3c2] {
    width: 2.5rem;
    height: 2.5rem;
    border: 4px solid transparent;
    border-top-color: #228B22;
    border-bottom-color: #228B22;
    border-radius: 50%;
    animation: spin-b-wp3eamv3c2 1s linear infinite;
    position: relative;
}

.spinner-dual[b-wp3eamv3c2]::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 3px solid transparent;
    border-left-color: #66BB6A;
    border-right-color: #66BB6A;
    border-radius: 50%;
    animation: spin-b-wp3eamv3c2 0.8s linear infinite reverse;
}

/* ===== OPCION E: Barras ===== */
.spinner-bars[b-wp3eamv3c2] {
    display: flex;
    gap: 0.2rem;
    align-items: flex-end;
    height: 2rem;
}

.spinner-bars .bar[b-wp3eamv3c2] {
    width: 0.35rem;
    background-color: #228B22;
    border-radius: 2px;
    animation: bars-b-wp3eamv3c2 1s ease-in-out infinite;
}

.spinner-bars .bar:nth-child(1)[b-wp3eamv3c2] { animation-delay: 0s; }
.spinner-bars .bar:nth-child(2)[b-wp3eamv3c2] { animation-delay: 0.15s; }
.spinner-bars .bar:nth-child(3)[b-wp3eamv3c2] { animation-delay: 0.3s; }
.spinner-bars .bar:nth-child(4)[b-wp3eamv3c2] { animation-delay: 0.45s; }

@keyframes bars-b-wp3eamv3c2 {
    0%, 100% { height: 0.5rem; }
    50% { height: 2rem; }
}

/* ===== OPCION F: 5 Puntos ===== */
.spinner-dots5[b-wp3eamv3c2] {
    display: flex;
    gap: 0.3rem;
    margin-top: 2.2rem;
}

.spinner-dots5 .dot[b-wp3eamv3c2] {
    width: .8rem;
    height: .8rem;
    background-color: #228B22;
    border-radius: 50%;
    animation: bounce-b-wp3eamv3c2 1.8s ease-in-out infinite;
}

.spinner-dots5 .dot:nth-child(1)[b-wp3eamv3c2] { animation-delay: 0s; }
.spinner-dots5 .dot:nth-child(2)[b-wp3eamv3c2] { animation-delay: 0.15s; }
.spinner-dots5 .dot:nth-child(3)[b-wp3eamv3c2] { animation-delay: 0.3s; }
.spinner-dots5 .dot:nth-child(4)[b-wp3eamv3c2] { animation-delay: 0.45s; }
.spinner-dots5 .dot:nth-child(5)[b-wp3eamv3c2] { animation-delay: 0.6s; }

/* ===== OPCION G: Puntos en circulo ===== */
.spinner-dots-circle[b-wp3eamv3c2] {
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    animation: spin-b-wp3eamv3c2 1.5s linear infinite;
}

.spinner-dots-circle .dot[b-wp3eamv3c2] {
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    background-color: #228B22;
    border-radius: 50%;
}

.spinner-dots-circle .dot:nth-child(1)[b-wp3eamv3c2] { top: 0; left: 50%; transform: translateX(-50%); opacity: 1; }
.spinner-dots-circle .dot:nth-child(2)[b-wp3eamv3c2] { top: 15%; right: 15%; opacity: 0.875; }
.spinner-dots-circle .dot:nth-child(3)[b-wp3eamv3c2] { top: 50%; right: 0; transform: translateY(-50%); opacity: 0.75; }
.spinner-dots-circle .dot:nth-child(4)[b-wp3eamv3c2] { bottom: 15%; right: 15%; opacity: 0.625; }
.spinner-dots-circle .dot:nth-child(5)[b-wp3eamv3c2] { bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0.5; }
.spinner-dots-circle .dot:nth-child(6)[b-wp3eamv3c2] { bottom: 15%; left: 15%; opacity: 0.375; }
.spinner-dots-circle .dot:nth-child(7)[b-wp3eamv3c2] { top: 50%; left: 0; transform: translateY(-50%); opacity: 0.25; }
.spinner-dots-circle .dot:nth-child(8)[b-wp3eamv3c2] { top: 15%; left: 15%; opacity: 0.125; }

/* ===== OPCION H: Rebote ===== */
.spinner-bounce[b-wp3eamv3c2] {
    display: flex;
    gap: 0.4rem;
    align-items: flex-end;
    height: 2rem;
}

.spinner-bounce .dot[b-wp3eamv3c2] {
    width: 0.6rem;
    height: 0.6rem;
    background-color: #228B22;
    border-radius: 50%;
    animation: jumpBounce-b-wp3eamv3c2 0.6s ease-in-out infinite alternate;
}

.spinner-bounce .dot:nth-child(1)[b-wp3eamv3c2] { animation-delay: 0s; }
.spinner-bounce .dot:nth-child(2)[b-wp3eamv3c2] { animation-delay: 0.2s; }
.spinner-bounce .dot:nth-child(3)[b-wp3eamv3c2] { animation-delay: 0.4s; }

@keyframes jumpBounce-b-wp3eamv3c2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-1rem); }
}

/* ===== OPCION I: Onda ===== */
.spinner-wave[b-wp3eamv3c2] {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.spinner-wave .dot[b-wp3eamv3c2] {
    width: 0.4rem;
    height: 0.4rem;
    background-color: #228B22;
    border-radius: 50%;
    animation: wave-b-wp3eamv3c2 1.2s ease-in-out infinite;
}

.spinner-wave .dot:nth-child(1)[b-wp3eamv3c2] { animation-delay: 0s; }
.spinner-wave .dot:nth-child(2)[b-wp3eamv3c2] { animation-delay: 0.1s; }
.spinner-wave .dot:nth-child(3)[b-wp3eamv3c2] { animation-delay: 0.2s; }
.spinner-wave .dot:nth-child(4)[b-wp3eamv3c2] { animation-delay: 0.3s; }
.spinner-wave .dot:nth-child(5)[b-wp3eamv3c2] { animation-delay: 0.4s; }

@keyframes wave-b-wp3eamv3c2 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-0.8rem); }
}

/* ===== OPCION J: Fade ===== */
.spinner-fade[b-wp3eamv3c2] {
    display: flex;
    gap: 0.4rem;
}

.spinner-fade .dot[b-wp3eamv3c2] {
    width: 0.6rem;
    height: 0.6rem;
    background-color: #228B22;
    border-radius: 50%;
    animation: fade-b-wp3eamv3c2 1.2s ease-in-out infinite;
}

.spinner-fade .dot:nth-child(1)[b-wp3eamv3c2] { animation-delay: 0s; }
.spinner-fade .dot:nth-child(2)[b-wp3eamv3c2] { animation-delay: 0.3s; }
.spinner-fade .dot:nth-child(3)[b-wp3eamv3c2] { animation-delay: 0.6s; }
.spinner-fade .dot:nth-child(4)[b-wp3eamv3c2] { animation-delay: 0.9s; }

@keyframes fade-b-wp3eamv3c2 {
    0%, 100% { opacity: 0.2; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1); }
}

/* ===== OPCION K: Typing ===== */
.spinner-typing[b-wp3eamv3c2] {
    display: flex;
    gap: 0.3rem;
    padding: 0.5rem 0.8rem;
    background-color: #E8F5E9;
    border-radius: 1rem;
}

.spinner-typing .dot[b-wp3eamv3c2] {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #228B22;
    border-radius: 50%;
    animation: typing-b-wp3eamv3c2 1.4s ease-in-out infinite;
}

.spinner-typing .dot:nth-child(1)[b-wp3eamv3c2] { animation-delay: 0s; }
.spinner-typing .dot:nth-child(2)[b-wp3eamv3c2] { animation-delay: 0.2s; }
.spinner-typing .dot:nth-child(3)[b-wp3eamv3c2] { animation-delay: 0.4s; }

@keyframes typing-b-wp3eamv3c2 {
    0%, 60%, 100% { transform: translateY(0); }
    30% { transform: translateY(-0.4rem); }
}
/* _content/SiREI_2026/Components/Pages/10CCO/Test/TestRey.razor.rz.scp.css */
/*
   TestRey.razor.css
   Página de prueba para imágenes del personaje Rey
*/

/* Contenedor de la galería */
.galeria-rey[b-r62rhaevxz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 1rem;
}

/* Cada caja (imagen + etiqueta) */
.rey-item[b-r62rhaevxz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 0.25rem;
    width: 100px;
    height: 180px;
}

/* Caja de muestra de Click.png */
.rey-item-click[b-r62rhaevxz] {
    background-color: #ffe4e1;
    border: 2px solid #ff6b6b;
}

/* Etiqueta del porcentaje */
.rey-label[b-r62rhaevxz] {
    font-size: 0.75rem;
    font-weight: bold;
    margin-top: 0.25rem;
}

/* *********************************************** */
/* ESTO ES LO QUE SE OCUPA EN LA PÁGINA PANEL EVA*/
/* *********************************************** */
/* Estado NORMAL */
.icono-rey[b-r62rhaevxz] {
    height: 160px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    filter: drop-shadow(-4px 4px 2px rgba(0,0,0,0.3));
    will-change: revert-layer;
}
/* Estado HOVER (mouse encima) */
.icono-rey:hover[b-r62rhaevxz] {
    transform: scale(1.05);
    filter: drop-shadow(-7px 7px 2px rgba(0,0,0,0.25));
}
/* Estado CLICKED (después del click, 500ms) */
.icono-rey.icono-clicked[b-r62rhaevxz],
.icono-rey.icono-clicked:hover[b-r62rhaevxz] {
    height: 110px;
    margin-bottom: 20px;
}
/* *********************************************** */
/* _content/SiREI_2026/Components/Pages/10CCO/UserABC.razor.rz.scp.css */
/* ============================================================
   UserABC.razor.css - Estilos para ABCC de Usuarios
   ============================================================ */

/* Contenedor principal - pega a la barra del SiREI */
.contenedor-principal-sirei[b-2qbd67n47p] {
    padding-top: 0;
    padding-bottom: 0;
}

/* Barra de filtros - color del módulo CCO (verde claro) */
.barra-filtros[b-2qbd67n47p] {
    background-color: #d4e8c7;
}

/* Nota de transferencias pendiente */
.nota-transferencias[b-2qbd67n47p] {
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--texto-9pt);
}

.nota-icono[b-2qbd67n47p] {
    color: #856404;
    font-size: 1.2rem;
}

/* Ajuste de filtros */
.barra-filtros-select-depto[b-2qbd67n47p] {
    width: 12rem;
}

.btn-nuevo[b-2qbd67n47p] {
    margin-left: auto;
    background-color: var(--color-cco);
    color: white;
}

.btn-nuevo:hover[b-2qbd67n47p] {
    background-color: #6a1b9a;
}

/* Contenedores de línea - invisibles en PC */
.filtros-linea[b-2qbd67n47p] {
    display: contents;
}

/* Tabla de usuarios */
.tabla-header[b-2qbd67n47p] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background-color: var(--color-cco);
    color: white;
    font-weight: bold;
    font-size: var(--texto-8pt);
    border-radius: 4px 4px 0 0;
    margin-top: 0.5rem;
}

.user-list[b-2qbd67n47p] {
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.user-item[b-2qbd67n47p] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #eee;
    font-size: var(--texto-8pt);
    transition: background-color 0.15s;
}

.user-item:last-child[b-2qbd67n47p] {
    border-bottom: none;
}

.user-item:hover[b-2qbd67n47p] {
    background-color: #f8f9fa;
}

.user-item-seleccionado[b-2qbd67n47p] {
    background-color: #e8f4fd;
}

.user-item-baja[b-2qbd67n47p] {
    background-color: #f8f8f8;
    color: #888;
}

/* Columnas */
.col-check[b-2qbd67n47p] {
    width: 3%;
    text-align: center;
}

.col-email[b-2qbd67n47p] {
    width: 22%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-nombre[b-2qbd67n47p] {
    width: 18%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-depto[b-2qbd67n47p] {
    width: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-puesto[b-2qbd67n47p] {
    width: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-perfil[b-2qbd67n47p] {
    width: 10%;
    text-align: center;
}

.col-estatus[b-2qbd67n47p] {
    width: 8%;
    text-align: center;
}

.col-acciones[b-2qbd67n47p] {
    width: 9%;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 0.25rem;
}

/* Etiquetas de perfil */
.etiqueta-master[b-2qbd67n47p] {
    background-color: #d32f2f;
    color: white;
}

.etiqueta-poweruser[b-2qbd67n47p] {
    background-color: #1976d2;
    color: white;
}

.etiqueta-callservice[b-2qbd67n47p] {
    background-color: #ff9800;
    color: white;
}

.etiqueta-user[b-2qbd67n47p] {
    background-color: #757575;
    color: white;
}

/* Etiquetas de estatus */
.etiqueta-activo[b-2qbd67n47p] {
    background-color: #4caf50;
    color: white;
}

.etiqueta-inactivo[b-2qbd67n47p] {
    background-color: #ff9800;
    color: white;
}

.etiqueta-baja[b-2qbd67n47p] {
    background-color: #9e9e9e;
    color: white;
}

/* Botones de acción */
.btn-accion[b-2qbd67n47p] {
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.15s;
}

.btn-accion:hover[b-2qbd67n47p] {
    opacity: 0.8;
}

.btn-editar[b-2qbd67n47p] {
    background-color: #1976d2;
    color: white;
}

.btn-desactivar[b-2qbd67n47p] {
    background-color: #ff9800;
    color: white;
}

.btn-desactivar:disabled[b-2qbd67n47p] {
    background-color: #bdbdbd;
    color: #757575;
    cursor: not-allowed;
    opacity: 0.7;
}

.btn-reactivar[b-2qbd67n47p] {
    background-color: #4caf50;
    color: white;
}

.btn-activar[b-2qbd67n47p] {
    background-color: #8bc34a;
    color: white;
}

.btn-eliminar[b-2qbd67n47p] {
    background-color: #d32f2f;
    color: white;
}

/* Botón desactivar en lote (en barra de filtros) */
.btn-desactivar-lote[b-2qbd67n47p] {
    background-color: #ff9800;
    color: white;
    margin-left: auto;
}

.btn-desactivar-lote:hover[b-2qbd67n47p] {
    background-color: #e68900;
}

/* ============================================================
   MODALES - Estilos base del sistema
   ============================================================ */

/* Overlay - fondo semitransparente que cubre toda la pantalla */
.modal-overlay[b-2qbd67n47p] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Contenedor del modal */
.modal-content[b-2qbd67n47p] {
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5);
    width: 90%;
    max-width: 25rem;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    background-color: #696969;
}

/* Header del modal */
.modal-header[b-2qbd67n47p] {
    padding: 0.625rem 0.94rem;
    border-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: inherit;
}

.modal-header h3[b-2qbd67n47p] {
    margin: 0;
    font-size: var(--texto-11pt);
    font-weight: bold;
    color: #FFFFFF;
}

/* Botón X para cerrar */
.boton-x[b-2qbd67n47p] {
    background: none;
    border: none;
    color: #FFFFFF;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.boton-x:hover[b-2qbd67n47p] {
    opacity: 0.7;
}

/* Body del modal */
.modal-body[b-2qbd67n47p] {
    padding: 1.5rem 1.25rem;
    overflow-y: auto;
    flex: 1;
    font-size: var(--texto-10pt);
    text-align: center;
    color: #FFFFFF;
}

.modal-body p[b-2qbd67n47p] {
    margin: 0 0 1rem 0;
    line-height: 1.5;
}

/* Footer del modal */
.modal-footer[b-2qbd67n47p] {
    padding: 0.94rem;
    border-top: 0px;
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    background-color: inherit;
    flex-wrap: wrap;
}

/* ============================================================
   MODAL DESACTIVAR - Gris (acción reversible)
   ============================================================ */
.modal-desactivar[b-2qbd67n47p] {
    background-color: #696969;
}

.btn-confirmar-desactivar[b-2qbd67n47p] {
    background-color: #FF6666;
    color: #000000;
}

.btn-confirmar-desactivar:hover[b-2qbd67n47p] {
    background-color: #FF4444;
}

/* ============================================================
   MODAL ELIMINAR - Rojo oscuro (acción destructiva)
   ============================================================ */
.modal-eliminar[b-2qbd67n47p] {
    background-color: #8B0000;
}

.btn-confirmar-eliminar[b-2qbd67n47p] {
    background-color: #FF4444;
    color: #FFFFFF;
}

.btn-confirmar-eliminar:hover[b-2qbd67n47p] {
    background-color: #FF2222;
}

/* Alerta de movimientos (dentro de modal eliminar) */
.alerta-movimientos[b-2qbd67n47p] {
    background-color: #FFCCCC;
    border: 1px solid #FF6666;
    border-radius: 4px;
    padding: 0.75rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: var(--texto-9pt);
    color: #000000;
    text-align: left;
}

.alerta-icono[b-2qbd67n47p] {
    color: #8B0000;
    font-size: 1.2rem;
}

/* ============================================================
   MODAL RESULTADO - Verde (éxito) o Rojo (error)
   ============================================================ */
.modal-exito[b-2qbd67n47p] {
    background-color: #2E7D32;
}

.modal-error[b-2qbd67n47p] {
    background-color: #C62828;
}

/* ============================================================
   MODAL USUARIO (Alta/Edición) - Más ancho, fondo blanco
   ============================================================ */
.modal-usuario[b-2qbd67n47p] {
    max-width: 32rem;
    background-color: #FFFFFF;
}

.modal-usuario .modal-header[b-2qbd67n47p] {
    background-color: var(--color-cco);
}

.modal-usuario .modal-body[b-2qbd67n47p] {
    color: #333333;
    text-align: left;
    padding: 1.25rem;
}

.modal-usuario .modal-footer[b-2qbd67n47p] {
    background-color: #F5F5F5;
}

/* Botón cancelar (gris claro) */
.btn-cancelar-modal[b-2qbd67n47p] {
    background-color: #D0D0D0;
    color: #000000;
}

.btn-cancelar-modal:hover[b-2qbd67n47p] {
    background-color: #B0B0B0;
}

/* Botón guardar (morado CCO) */
.btn-guardar[b-2qbd67n47p] {
    background-color: var(--color-cco);
    color: white;
}

.btn-guardar:hover[b-2qbd67n47p] {
    background-color: #6a1b9a;
}

/* ============================================================
   FORMULARIO DENTRO DE MODAL USUARIO
   ============================================================ */
.form-grupo[b-2qbd67n47p] {
    margin-bottom: 1rem;
}

.form-grupo label[b-2qbd67n47p] {
    display: block;
    font-weight: bold;
    margin-bottom: 0.25rem;
    font-size: var(--texto-8pt);
    color: #333333;
}

.form-input[b-2qbd67n47p],
.form-select[b-2qbd67n47p] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: var(--texto-9pt);
}

.form-input:disabled[b-2qbd67n47p],
.form-select:disabled[b-2qbd67n47p] {
    background-color: #f5f5f5;
    color: #666;
}

.form-row-2col[b-2qbd67n47p] {
    display: flex;
    gap: 1rem;
}

.form-row-2col .form-grupo[b-2qbd67n47p] {
    flex: 1;
}

.checkbox-container[b-2qbd67n47p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
}

.nota-campo[b-2qbd67n47p] {
    display: block;
    font-size: var(--texto-7pt);
    color: #856404;
    margin-top: 0.25rem;
}

.validation-error[b-2qbd67n47p] {
    color: #d32f2f;
    font-size: var(--texto-7pt);
    margin-top: 0.25rem;
}

.mensaje-error[b-2qbd67n47p] {
    background-color: #ffebee;
    border: 1px solid #d32f2f;
    color: #d32f2f;
    padding: 0.5rem;
    border-radius: 4px;
    font-size: var(--texto-8pt);
    margin-top: 0.5rem;
}

/* ============================================================
   RESPONSIVE - Celulares
   ============================================================ */
@media (max-width: 767px) {
    /* Ocultar encabezado de tabla (no aplica con múltiples líneas) */
    .tabla-header[b-2qbd67n47p] {
        display: none;
    }

    /* Barra de filtros: flexbox con wrap */
    .barra-filtros[b-2qbd67n47p] {
        flex-wrap: wrap;
        gap: 0.25rem;
    }

    /* Cada línea es flex independiente */
    .filtros-linea[b-2qbd67n47p] {
        display: flex;
        width: 100%;
        gap: 0.25rem;
        align-items: center;
    }

    /* Item de usuario: CSS Grid para control total */
    .user-item[b-2qbd67n47p] {
        display: grid;
        grid-template-columns: auto auto auto 1fr auto;
        grid-template-rows: auto auto auto;
        gap: 0.25rem 0.375rem;
        padding: 0.5rem;
        align-items: center;
    }

    /* ═══ LÍNEA 1: Check + Email + Nombre ═══ */
    .col-check[b-2qbd67n47p] {
        grid-row: 1;
        grid-column: 1;
        width: auto;
    }

    .col-email[b-2qbd67n47p] {
        grid-row: 1;
        grid-column: 2 / 5;
        width: auto;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .col-nombre[b-2qbd67n47p] {
        grid-row: 1;
        grid-column: 5;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right;
    }

    /* ═══ LÍNEA 2: Depto + Puesto ═══ */
    .col-depto[b-2qbd67n47p] {
        grid-row: 2;
        grid-column: 2 / 5;
        width: auto;
        font-size: var(--texto-7pt);
        color: #555;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .col-puesto[b-2qbd67n47p] {
        grid-row: 2;
        grid-column: 5;
        width: auto;
        font-size: var(--texto-7pt);
        color: #555;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: right;
    }

    /* ═══ LÍNEA 3: Perfil + Estatus (juntos a la izquierda) + Acciones ═══ */
    .col-perfil[b-2qbd67n47p] {
        grid-row: 3;
        grid-column: 2;
        width: auto;
    }

    .col-estatus[b-2qbd67n47p] {
        grid-row: 3;
        grid-column: 3;
        width: auto;
    }

    .col-acciones[b-2qbd67n47p] {
        grid-row: 3;
        grid-column: 5;
        width: auto;
        justify-content: flex-end;
    }

    /* Ajustar etiquetas para móvil */
    .col-perfil .etiqueta[b-2qbd67n47p],
    .col-estatus .etiqueta[b-2qbd67n47p] {
        font-size: var(--texto-7pt);
        padding: 0.125rem 0.375rem;
    }

    /* Nota de transferencias más compacta */
    .nota-transferencias[b-2qbd67n47p] {
        font-size: var(--texto-7pt);
        padding: 0.375rem 0.5rem;
    }

    /* Modal usuario más compacto */
    .form-row-2col[b-2qbd67n47p] {
        flex-direction: column;
        gap: 0;
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/UserDeleg.razor.rz.scp.css */
/*
   UserDeleg.razor.css
   Estilos para la página de administración de delegaciones.
   Diseño: Panel Usuarios (izq) | Panel Delega a (der)
*/

/* Contenedor principal - pega a la barra del SiREI */
.contenedor-principal-sirei[b-d1sfbjtklf] {
    padding-top: 0;
    padding-bottom: 0;
}

/* ===== BARRA DE ACCIONES ===== */
.barra-acciones[b-d1sfbjtklf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: #d4e8c7;
}

.busqueda-container[b-d1sfbjtklf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.busqueda-container label[b-d1sfbjtklf] {
    font-weight: bold;
    font-size: var(--texto-9pt);
}

.input-busqueda[b-d1sfbjtklf] {
    width: 15rem;
    padding: 0.375rem 0.5rem;
    font-size: var(--texto-9pt);
    border: 1px solid #ccc;
    border-radius: 4px;
}

.botones-accion[b-d1sfbjtklf] {
    display: flex;
    gap: 0.5rem;
}

.btn-buscar[b-d1sfbjtklf] {
    background-color: #6c757d;
    color: white;
}

.btn-buscar:hover[b-d1sfbjtklf] {
    background-color: #545b62;
}

.btn-consultar[b-d1sfbjtklf] {
    background-color: #007bff;
    color: white;
}

.btn-consultar:disabled[b-d1sfbjtklf] {
    background-color: #6cb2ff;
    color: #e8f4ff;
}

.btn-consultar:hover:not(:disabled)[b-d1sfbjtklf] {
    background-color: #0056b3;
}

.btn-modificar[b-d1sfbjtklf] {
    background-color: #8b0000;
    color: white;
}

.btn-modificar:disabled[b-d1sfbjtklf] {
    background-color: #c96060;
    color: #f5e0e0;
}

.btn-modificar:hover:not(:disabled)[b-d1sfbjtklf] {
    background-color: #5c0000;
}

.btn-grabar[b-d1sfbjtklf] {
    background-color: #28a745;
    color: white;
}

.btn-grabar:disabled[b-d1sfbjtklf] {
    background-color: #7dca91;
    color: #e8f5eb;
}

.btn-grabar:hover:not(:disabled)[b-d1sfbjtklf] {
    background-color: #1e7e34;
}

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal[b-d1sfbjtklf] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    height: calc(100vh - 10rem);
    min-height: 25rem;
}

/* ===== PANEL USUARIOS (izquierda) ===== */
.panel-usuarios[b-d1sfbjtklf] {
    width: 50%;
    min-width: 15rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.panel-header[b-d1sfbjtklf] {
    padding: 0.5rem;
    font-weight: bold;
    font-size: var(--texto-10pt);
    text-align: center;
    background-color: #333;
    color: white;
}

.panel-body[b-d1sfbjtklf] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
}

/* ===== PANEL DELEGA A (derecha) ===== */
.panel-delega[b-d1sfbjtklf] {
    width: 50%;
    min-width: 15rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

/* Items de usuarios */
.item-depto[b-d1sfbjtklf],
.item-usuario[b-d1sfbjtklf] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.25rem;
    border-radius: 3px;
    margin-bottom: 0.1rem;
}

.item-depto:hover[b-d1sfbjtklf],
.item-usuario:hover[b-d1sfbjtklf] {
    background-color: #f0f0f0;
}

.checkbox-container[b-d1sfbjtklf] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: var(--texto-10pt);
    user-select: none;
}

.checkbox-container input[type="checkbox"][b-d1sfbjtklf] {
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.4rem;
    cursor: pointer;
}

.item-texto[b-d1sfbjtklf] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: var(--texto-10pt);
}

.depto-texto[b-d1sfbjtklf] {
    font-weight: normal;
    color: #888;
}

/* ===== FILTRO SOLO DELEGADOS ===== */
.filtro-delegados[b-d1sfbjtklf] {
    display: inline-flex;
    align-items: center;
    margin-left: 1rem;
    font-size: var(--texto-9pt);
    font-weight: normal;
    cursor: pointer;
}

.filtro-delegados input[type="checkbox"][b-d1sfbjtklf] {
    margin-right: 0.3rem;
    cursor: pointer;
}

/* Item usuario sin indentación (modo filtrado) */
.item-usuario-flat[b-d1sfbjtklf] {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.25rem;
    border-radius: 3px;
    margin-bottom: 0.1rem;
}

.item-usuario-flat:hover[b-d1sfbjtklf] {
    background-color: #f0f0f0;
}

.sin-datos[b-d1sfbjtklf] {
    text-align: center;
    color: #666;
    font-style: italic;
    padding: 1rem;
    font-size: var(--texto-10pt);
}

/* Indentación por nivel */
.usuario-nivel-0[b-d1sfbjtklf] { padding-left: 0; }
.usuario-nivel-1[b-d1sfbjtklf] { padding-left: 1rem; }
.usuario-nivel-2[b-d1sfbjtklf] { padding-left: 2rem; }
.usuario-nivel-3[b-d1sfbjtklf] { padding-left: 3rem; }
.usuario-nivel-4[b-d1sfbjtklf] { padding-left: 4rem; }

/* ===== INDICADORES VISUALES ===== */
.indicador[b-d1sfbjtklf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.4rem;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 3px;
}

/* Indicador clickeable en modo edición */
.indicador.clickeable[b-d1sfbjtklf] {
    cursor: pointer;
    user-select: none;
    transition: transform 0.1s, opacity 0.1s;
}

.indicador.clickeable:hover[b-d1sfbjtklf] {
    transform: scale(1.2);
    opacity: 0.8;
}

.indicador.clickeable:active[b-d1sfbjtklf] {
    transform: scale(0.95);
}

/* Paloma azul: Todos le delegan */
.paloma-azul[b-d1sfbjtklf] {
    background-color: #0056b3;
    color: #fff;
    font-weight: 900;
}

/* Bolita celeste: Algunos le delegan */
.bolita-celeste[b-d1sfbjtklf] {
    background-color: #5bc0de;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
}

/* Vacío */
.vacio[b-d1sfbjtklf] {
    background-color: #f0f0f0;
    border: 1px dashed #ccc;
}

/* Vacío clickeable */
.indicador.clickeable.vacio:hover[b-d1sfbjtklf] {
    border-color: #007bff;
    background-color: #e8f4ff;
}

/* ===== INDICADORES PARA DEPARTAMENTOS (grises) ===== */
.indicador-depto[b-d1sfbjtklf] {
    opacity: 0.7;
}

/* Paloma gris: Todos los usuarios del depto tienen delegación */
.paloma-gris[b-d1sfbjtklf] {
    background-color: #6c757d;
    color: #fff;
    font-weight: 900;
}

/* Bolita gris: Algunos usuarios del depto tienen delegación */
.bolita-gris[b-d1sfbjtklf] {
    background-color: #adb5bd;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
}

/* Vacío gris para departamentos */
.vacio-gris[b-d1sfbjtklf] {
    background-color: #e9ecef;
    border: 1px dashed #adb5bd;
}

/* Vacío gris clickeable */
.indicador.clickeable.vacio-gris:hover[b-d1sfbjtklf] {
    border-color: #6c757d;
    background-color: #dee2e6;
}

/* ===== MODAL ===== */
.modal-overlay[b-d1sfbjtklf] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-contenedor[b-d1sfbjtklf] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 25rem;
    width: 90%;
    overflow: hidden;
}

.modal-header[b-d1sfbjtklf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--color-cco);
    color: white;
}

.modal-header h3[b-d1sfbjtklf] {
    margin: 0;
    font-size: var(--texto-12pt);
}

.boton-x[b-d1sfbjtklf] {
    color: #ccc;
}

.boton-x:hover[b-d1sfbjtklf] {
    color: white;
}

.modal-body[b-d1sfbjtklf] {
    padding: 1rem;
    font-size: var(--texto-10pt);
}

.modal-body p[b-d1sfbjtklf] {
    margin: 0.5rem 0;
}

.modal-footer[b-d1sfbjtklf] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.btn-cancelar[b-d1sfbjtklf] {
    background-color: #6c757d;
    color: white;
}

.btn-cancelar:hover[b-d1sfbjtklf] {
    background-color: #545b62;
}

.btn-confirmar[b-d1sfbjtklf] {
    background-color: #28a745;
    color: white;
}

.btn-confirmar:hover[b-d1sfbjtklf] {
    background-color: #1e7e34;
}

/* ===== MENSAJES ===== */
.mensaje[b-d1sfbjtklf] {
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-size: var(--texto-10pt);
    font-weight: bold;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.mensaje-exito[b-d1sfbjtklf] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.mensaje-error[b-d1sfbjtklf] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .contenedor-principal[b-d1sfbjtklf] {
        flex-direction: column;
        height: auto;
    }

    .panel-usuarios[b-d1sfbjtklf],
    .panel-delega[b-d1sfbjtklf] {
        width: 100%;
        max-height: 20rem;
    }

    .barra-acciones[b-d1sfbjtklf] {
        flex-direction: column;
        align-items: stretch;
    }

    .busqueda-container[b-d1sfbjtklf] {
        flex-wrap: wrap;
    }

    .input-busqueda[b-d1sfbjtklf] {
        width: 100%;
    }

    .botones-accion[b-d1sfbjtklf] {
        justify-content: center;
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/UserPermisos.razor.rz.scp.css */
/*
   UserPermisos.razor.css
   Estilos para la página de administración de permisos.
   Diseño: Panel Usuarios | Grilla de Permisos (Deptos × Menús)
*/

/* Contenedor principal - pega a la barra del SiREI */
.contenedor-principal-sirei[b-72k6mnh87v] {
    padding-top: 0;
    padding-bottom: 0;
}

/* ===== BARRA DE ACCIONES ===== */
.barra-acciones[b-72k6mnh87v] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: #d4e8c7;
}

.busqueda-container[b-72k6mnh87v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.busqueda-container label[b-72k6mnh87v] {
    font-weight: bold;
    font-size: var(--texto-9pt);             /* Tamaño 10pt */
}

.input-busqueda[b-72k6mnh87v] {
    width: 15rem;
    padding: 0.375rem 0.5rem;
    font-size: var(--texto-9pt);             /* Tamaño 10pt */
    border: 1px solid #ccc;
    border-radius: 4px;
}

.botones-accion[b-72k6mnh87v] {
    display: flex;
    gap: 0.5rem;
}

/* .boton usa la clase estándar de app.css (9pt) */
/* Las clases .btn-* definen solo los colores */

.btn-buscar[b-72k6mnh87v] {
    background-color: #6c757d;
    color: white;
}

.btn-buscar:hover[b-72k6mnh87v] {
    background-color: #545b62;
}

.btn-consultar[b-72k6mnh87v] {
    background-color: #007bff;
    color: white;
}

.btn-consultar:disabled[b-72k6mnh87v] {
    background-color: #6cb2ff;
    color: #e8f4ff;
}

.btn-consultar:hover:not(:disabled)[b-72k6mnh87v] {
    background-color: #0056b3;
}

.btn-modificar[b-72k6mnh87v] {
    background-color: #8b0000;
    color: white;
}

.btn-modificar:disabled[b-72k6mnh87v] {
    background-color: #c96060;
    color: #f5e0e0;
}

.btn-modificar:hover:not(:disabled)[b-72k6mnh87v] {
    background-color: #5c0000;
}

.btn-grabar[b-72k6mnh87v] {
    background-color: #28a745;
    color: white;
}

.btn-grabar:disabled[b-72k6mnh87v] {
    background-color: #7dca91;
    color: #e8f5eb;
}

.btn-grabar:hover:not(:disabled)[b-72k6mnh87v] {
    background-color: #1e7e34;
}

/* ===== CONTENEDOR PRINCIPAL ===== */
.contenedor-principal[b-72k6mnh87v] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    height: calc(100vh - 10rem);
    min-height: 25rem;
}

/* ===== PANEL USUARIOS (izquierda) ===== */
.panel-usuarios[b-72k6mnh87v] {
    width: 18rem;
    min-width: 15rem;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.panel-header[b-72k6mnh87v] {
    padding: 0.5rem;
    font-weight: bold;
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    text-align: center;
    background-color: #333;
    color: white;
}

.panel-body[b-72k6mnh87v] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
}

/* Items de usuarios */
.item-depto[b-72k6mnh87v],
.item-usuario[b-72k6mnh87v] {
    padding: 0.2rem 0.25rem;
    border-radius: 3px;
    margin-bottom: 0.1rem;
}

.item-depto:hover[b-72k6mnh87v],
.item-usuario:hover[b-72k6mnh87v] {
    background-color: #f0f0f0;
}

.checkbox-container[b-72k6mnh87v] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    user-select: none;
}

.checkbox-container input[type="checkbox"][b-72k6mnh87v] {
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.4rem;
    cursor: pointer;
}

.item-texto[b-72k6mnh87v] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.depto-texto[b-72k6mnh87v] {
    font-weight: normal;
    color: #888;
}

.sin-datos[b-72k6mnh87v] {
    text-align: center;
    color: #666;
    font-style: italic;
    padding: 1rem;
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== PANEL GRILLA (derecha) ===== */
.panel-grilla[b-72k6mnh87v] {
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

.grilla-container[b-72k6mnh87v] {
    overflow: auto;
    flex: 1;
}

/* ===== TABLA GRILLA ===== */
.grilla-permisos[b-72k6mnh87v] {
    border-collapse: collapse;
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    white-space: nowrap;
}

.grilla-permisos th[b-72k6mnh87v],
.grilla-permisos td[b-72k6mnh87v] {
    border: 1px solid #ddd;
    padding: 0.25rem 0.4rem;
    text-align: center;
}

.grilla-permisos thead[b-72k6mnh87v] {
    position: sticky;
    top: 0;
}

.grilla-permisos thead th[b-72k6mnh87v] {
    background-color: #f5f5f5;
}

/* Columna de departamento (fija a la izquierda) */
.col-depto[b-72k6mnh87v] {
    background-color: #fafafa;
    position: sticky;
    left: 0;
    min-width: 10rem;
    font-weight: normal;
}

/* Título de columna departamento: centrado */
.grilla-permisos thead th.col-depto[b-72k6mnh87v] {
    text-align: center;
}

/* Datos de columna departamento: alineados a la izquierda */
.grilla-permisos tbody td.col-depto[b-72k6mnh87v] {
    text-align: left;
}

/* Indentación por nivel - Grilla de permisos */
.grilla-permisos td.depto-nivel-0[b-72k6mnh87v] { padding-left: 0.4rem; }
.grilla-permisos td.depto-nivel-1[b-72k6mnh87v] { padding-left: 1.2rem; }
.grilla-permisos td.depto-nivel-2[b-72k6mnh87v] { padding-left: 2.0rem; }
.grilla-permisos td.depto-nivel-3[b-72k6mnh87v] { padding-left: 2.8rem; }
.grilla-permisos td.depto-nivel-4[b-72k6mnh87v] { padding-left: 3.6rem; }

/* Indentación por nivel - Panel de usuarios */
.usuario-nivel-0[b-72k6mnh87v] { padding-left: 0; }
.usuario-nivel-1[b-72k6mnh87v] { padding-left: 1rem; }
.usuario-nivel-2[b-72k6mnh87v] { padding-left: 2rem; }
.usuario-nivel-3[b-72k6mnh87v] { padding-left: 3rem; }
.usuario-nivel-4[b-72k6mnh87v] { padding-left: 4rem; }

.grilla-permisos thead .col-depto[b-72k6mnh87v] {
    background-color: #e9e9e9;
    font-weight: bold;
}

/* Columnas de menú principal */
.col-menu-principal[b-72k6mnh87v] {
    color: white;
    font-weight: bold;
    cursor: pointer;
    min-width: 4rem;
    transition: opacity 0.2s;
}

.col-menu-principal:hover[b-72k6mnh87v] {
    opacity: 0.85;
}

.col-menu-principal.colapsado[b-72k6mnh87v] {
    min-width: 4rem;
}

.col-menu-principal.expandido[b-72k6mnh87v] {
    min-width: 3rem;
}

.menu-icon[b-72k6mnh87v] {
    font-size: 0.6rem;
    margin-right: 0.2rem;
}

/* Colores de menú principal - especificidad aumentada para ganar sobre thead th */
.grilla-permisos thead th.menu-color-panel[b-72k6mnh87v] { background-color: var(--color-panel); }
.grilla-permisos thead th.menu-color-reqs[b-72k6mnh87v] { background-color: var(--color-reqs); }
.grilla-permisos thead th.menu-color-encu[b-72k6mnh87v] { background-color: var(--color-encu); }
.grilla-permisos thead th.menu-color-eval[b-72k6mnh87v] { background-color: var(--color-eval); }
.grilla-permisos thead th.menu-color-tools[b-72k6mnh87v] { background-color: var(--color-tools); }
.grilla-permisos thead th.menu-color-cco[b-72k6mnh87v] { background-color: var(--color-cco); }

/* Columnas de submenú */
.col-submenu[b-72k6mnh87v] {
    background-color: #f8f8f8;
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    min-width: 3rem;
    max-width: 5rem;
    font-weight: normal;
}

/* Bordes de submenú por color de menú - especificidad aumentada */
.grilla-permisos thead th.submenu-color-panel[b-72k6mnh87v] { border-top: 3px solid var(--color-panel); }
.grilla-permisos thead th.submenu-color-reqs[b-72k6mnh87v] { border-top: 3px solid var(--color-reqs); }
.grilla-permisos thead th.submenu-color-encu[b-72k6mnh87v] { border-top: 3px solid var(--color-encu); }
.grilla-permisos thead th.submenu-color-eval[b-72k6mnh87v] { border-top: 3px solid var(--color-eval); }
.grilla-permisos thead th.submenu-color-tools[b-72k6mnh87v] { border-top: 3px solid var(--color-tools); }
.grilla-permisos thead th.submenu-color-cco[b-72k6mnh87v] { border-top: 3px solid var(--color-cco); }

.submenu-label[b-72k6mnh87v] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    writing-mode: horizontal-tb;
}

/* ===== CELDAS DE PERMISOS ===== */
.celda-check[b-72k6mnh87v] {
    padding: 0.15rem;
}

/* Celda principal vs submenu */
.celda-principal[b-72k6mnh87v] {
    /* fondo controlado por clases de estado */
}

.celda-submenu[b-72k6mnh87v] {
    /* fondo controlado por clases de estado */
}

/* ===== INDICADORES VISUALES (5 estados) ===== */
.indicador[b-72k6mnh87v] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}

/* Indicador clickeable en modo edición */
.indicador.clickeable[b-72k6mnh87v] {
    cursor: pointer;
    user-select: none;
    transition: transform 0.1s, opacity 0.1s;
}

.indicador.clickeable:hover[b-72k6mnh87v] {
    transform: scale(1.2);
    opacity: 0.8;
}

.indicador.clickeable:active[b-72k6mnh87v] {
    transform: scale(0.95);
}

/* Indicador vacío clickeable - mostrar placeholder */
.indicador.clickeable.vacio[b-72k6mnh87v] {
    border: 1px dashed #ccc;
    border-radius: 3px;
    opacity: 0.5;
}

.indicador.clickeable.vacio:hover[b-72k6mnh87v] {
    border-color: #007bff;
    opacity: 1;
}

/* Paloma azul: Todos tienen permiso explícito - blanca (celda tiene fondo) */
.paloma-azul[b-72k6mnh87v] {
    color: #fff;
    font-weight: 900;
}

/* Bolita celeste: Algunos tienen explícito - blanca (celda tiene fondo) */
.bolita-celeste[b-72k6mnh87v] {
    color: #fff;
    font-size: 0.7rem;
    font-weight: 900;
}

/* Paloma gris: Todos tienen permiso heredado */
.paloma-gris[b-72k6mnh87v] {
    color: #999;
}

/* Bolita gris: Algunos tienen heredado, otros no */
.bolita-gris[b-72k6mnh87v] {
    color: #aaa;
    font-size: 0.7rem;
}

/* Vacío */
.vacio[b-72k6mnh87v] {
    color: transparent;
}

/* Clases de celda para estados */
.celda-todos-explicito[b-72k6mnh87v] {
    background-color: #0056b3;
}

.celda-algunos-explicito[b-72k6mnh87v] {
    background-color: #5bc0de;
}

.celda-todos-heredado[b-72k6mnh87v],
.celda-algunos-heredado[b-72k6mnh87v] {
    background-color: #f8f8f8;
}

.celda-vacio[b-72k6mnh87v] {
    background-color: #fff;
}

/* ===== MODAL ===== */
.modal-overlay[b-72k6mnh87v] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-contenedor[b-72k6mnh87v] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 25rem;
    width: 90%;
    overflow: hidden;
}

.modal-header[b-72k6mnh87v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--color-cco);
    color: white;
}

.modal-header h3[b-72k6mnh87v] {
    margin: 0;
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
}

/* .boton-x usa la clase estándar de app.css, solo cambia colores para fondo oscuro */
.boton-x[b-72k6mnh87v] {
    color: #ccc;
}

.boton-x:hover[b-72k6mnh87v] {
    color: white;
}

.modal-body[b-72k6mnh87v] {
    padding: 1rem;
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.modal-body p[b-72k6mnh87v] {
    margin: 0.5rem 0;
}

.cambio-agregar[b-72k6mnh87v] {
    color: #28a745;
    font-weight: bold;
}

.cambio-quitar[b-72k6mnh87v] {
    color: #dc3545;
    font-weight: bold;
}

.modal-footer[b-72k6mnh87v] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.btn-cancelar[b-72k6mnh87v] {
    background-color: #6c757d;
    color: white;
}

.btn-cancelar:hover[b-72k6mnh87v] {
    background-color: #545b62;
}

.btn-confirmar[b-72k6mnh87v] {
    background-color: #28a745;
    color: white;
}

.btn-confirmar:hover[b-72k6mnh87v] {
    background-color: #1e7e34;
}

/* ===== MENSAJES ===== */
.mensaje[b-72k6mnh87v] {
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    font-weight: bold;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.mensaje-exito[b-72k6mnh87v] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.mensaje-error[b-72k6mnh87v] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .contenedor-principal[b-72k6mnh87v] {
        flex-direction: column;
        height: auto;
    }

    .panel-usuarios[b-72k6mnh87v] {
        width: 100%;
        max-height: 15rem;
    }

    .panel-grilla[b-72k6mnh87v] {
        min-height: 20rem;
    }

    .barra-acciones[b-72k6mnh87v] {
        flex-direction: column;
        align-items: stretch;
    }

    .busqueda-container[b-72k6mnh87v] {
        flex-wrap: wrap;
    }

    .input-busqueda[b-72k6mnh87v] {
        width: 100%;
    }

    .botones-accion[b-72k6mnh87v] {
        justify-content: center;
    }
}
/* _content/SiREI_2026/Components/Pages/10CCO/VerificaHistEstatus.razor.rz.scp.css */
/* VerificaHistEstatus.razor.css */

.encabezado-verifica[b-04i84hejim] {
    margin-bottom: 1rem;
}

.encabezado-verifica h2[b-04i84hejim] {
    font-size: var(--texto-14pt, 1.05rem);
    margin: 0;
    color: var(--color-cco, #548C2E);
}

.subtitulo[b-04i84hejim] {
    font-size: var(--texto-9pt, 0.7rem);
    color: #888;
    margin: 0.2rem 0 0 0;
}

/* ---- Botones ---- */
.barra-acciones[b-04i84hejim] {
    display: flex;
    gap: 0.8rem;
    margin-bottom: 1rem;
}

.boton-mediano[b-04i84hejim] {
    padding: 0.4rem 1.5rem;
    border-radius: 4px;
    font-size: var(--texto-10pt);
}

.boton-verificar[b-04i84hejim] {
    background-color: var(--color-cco, #548C2E);
    color: white;
    border: none;
    cursor: pointer;
}

.boton-verificar:hover[b-04i84hejim] {
    background-color: #3d6a1f;
}

.boton-corregir[b-04i84hejim] {
    background-color: var(--color-cco, #548C2E);
    color: white;
    border: none;
    cursor: pointer;
}

.boton-corregir:hover[b-04i84hejim] {
    background-color: #3d6a1f;
}

/* ---- Spinner ---- */
.procesando-area[b-04i84hejim] {
    text-align: center;
    padding: 2rem;
}

.procesando-area p[b-04i84hejim] {
    margin-top: 0.8rem;
    color: #666;
    font-size: var(--texto-10pt, 0.75rem);
}

/* ---- Resumen ---- */
.resumen-panel[b-04i84hejim] {
    padding: 0.8rem 1rem;
    border-radius: 0.3rem;
    margin-bottom: 1rem;
}

.resumen-ok[b-04i84hejim] {
    background-color: #e8f5e9;
    border-left: 4px solid #4caf50;
}

.resumen-error[b-04i84hejim] {
    background-color: #fce4ec;
    border-left: 4px solid #e53935;
}

.resumen-correccion[b-04i84hejim] {
    background-color: #e3f2fd;
    border-left: 4px solid #1976d2;
}

.resumen-titulo[b-04i84hejim] {
    font-size: var(--texto-11pt, 0.85rem);
    font-weight: bold;
    margin-bottom: 0.3rem;
}

.resumen-detalle[b-04i84hejim] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

/* ---- Chips ---- */
.chip[b-04i84hejim] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 0.8rem;
    font-size: var(--texto-9pt, 0.7rem);
    font-weight: bold;
    color: white;
}

.chip-faltante[b-04i84hejim] { background-color: #ff9800; }
.chip-incorrecto[b-04i84hejim] { background-color: #e53935; }
.chip-sobrante[b-04i84hejim] { background-color: #757575; }
.chip-entiempo[b-04i84hejim] { background-color: #1565c0; }

.chip-mini[b-04i84hejim] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    border-radius: 0.6rem;
    font-size: var(--texto-8pt, 0.6rem);
    font-weight: bold;
    color: white;
}

/* ---- Leyenda ---- */
.leyenda-tabla[b-04i84hejim] {
    font-size: var(--texto-9pt, 0.7rem);
    color: #555;
    margin-bottom: 0.5rem;
}

.leyenda-tabla p[b-04i84hejim] {
    margin: 0.1rem 0;
}

/* ---- Tabla ---- */
.tabla-contenedor[b-04i84hejim] {
    max-height: 60vh;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 0.3rem;
}

.tabla-discrepancias[b-04i84hejim] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--texto-9pt, 0.7rem);
}

.tabla-discrepancias thead[b-04i84hejim] {
    position: sticky;
    top: 0;
}

.tabla-discrepancias th[b-04i84hejim] {
    background-color: var(--color-cco, #548C2E);
    color: white;
    padding: 0.4rem 0.6rem;
    text-align: left;
    font-size: var(--texto-9pt, 0.7rem);
}

.tabla-discrepancias td[b-04i84hejim] {
    padding: 0.3rem 0.6rem;
    border-bottom: 1px solid #eee;
}

.col-req[b-04i84hejim] {
    font-weight: bold;
}

.fila-faltante[b-04i84hejim] { background-color: #fff8e1; }
.fila-incorrecto[b-04i84hejim] { background-color: #ffebee; }
.fila-sobrante[b-04i84hejim] { background-color: #f5f5f5; }
.fila-entiempo[b-04i84hejim] { background-color: #e3f2fd; }

/* ---- Mini estatus ---- */
.mini-estatus[b-04i84hejim] {
    display: inline-block;
    padding: 0.1rem 0.3rem;
    border-radius: 0.2rem;
    font-size: var(--texto-8pt, 0.6rem);
    white-space: nowrap;
}

.est-5[b-04i84hejim]  { color: #990066; }
.est-10[b-04i84hejim] { color: #808080; }
.est-20[b-04i84hejim] { color: var(--color-home, #008000); }
.est-30[b-04i84hejim] { color: var(--color-home, #008000); font-style: italic; }
.est-40[b-04i84hejim] { color: #C00000; }
.est-50[b-04i84hejim] { background-color: #00C000; color: white; }
.est-80[b-04i84hejim] { background-color: #FF0000; color: white; }
.est-90[b-04i84hejim] { color: #FF0000; }

/* ---- Mini EnTiempo ---- */
.mini-et[b-04i84hejim] {
    display: inline-block;
    padding: 0.1rem 0.3rem;
    border-radius: 0.2rem;
    font-size: var(--texto-8pt, 0.6rem);
    font-weight: bold;
    white-space: nowrap;
}

.et-0[b-04i84hejim] { color: #00C000; }
.et-1[b-04i84hejim] { color: #666; }
.et-2[b-04i84hejim] { color: #FF0000; }

.sin-dato[b-04i84hejim] {
    color: #ccc;
}

/* ---- Mensaje inicial ---- */
.mensaje-inicial[b-04i84hejim] {
    text-align: center;
    padding: 2rem;
    color: #888;
}

.mensaje-inicial p[b-04i84hejim] {
    margin: 0.3rem 0;
}

.nota[b-04i84hejim] {
    font-size: var(--texto-8pt, 0.6rem);
    font-style: italic;
}
/* _content/SiREI_2026/Components/Pages/Error.razor.rz.scp.css */
/*
   Error.razor.css
   Página de error personalizada con estilo SiREI.
   Layout con imagen de Rey y texto al lado.
*/

/* ===== CONTENEDOR PRINCIPAL ===== */
.error-container[b-e8op6maci8] {
    padding-top: var(--padding-page-top);
    padding-right: var(--padding-page-right);
    padding-bottom: var(--padding-page-bottom);
    margin-left: var(--margin-page-left);
    width: calc(100% - var(--margin-page-left));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

/* ===== CONTENEDOR DEL CONTENIDO ===== */
.error-content[b-e8op6maci8] {
    display: flex;
    align-items: center;
    gap: 2rem;
    max-width: 600px;
}

/* ===== IMAGEN DE REY ===== */
.error-imagen[b-e8op6maci8] {
    flex-shrink: 0;
}

.error-imagen img[b-e8op6maci8] {
    width: 9.375rem;
    height: auto;
    filter: drop-shadow(-8px -2px 4px rgba(0,0,0,0.3));
}

/* ===== TEXTO ===== */
.error-texto[b-e8op6maci8] {
    text-align: left;
}

.error-texto h1[b-e8op6maci8] {
    font-size: var(--texto-14pt);
    font-weight: bold;
    color: #cc0000;
    margin: 0 0 0.75rem 0;
}

.error-texto p[b-e8op6maci8] {
    font-size: var(--texto-10pt);
    color: #555;
    line-height: 1.5;
    margin: 0 0 0.5rem 0;
}

.error-mensaje[b-e8op6maci8] {
    font-size: var(--texto-11pt);
    color: #333;
}

.error-disculpa[b-e8op6maci8] {
    color: #888;
    font-style: italic;
    margin-top: 1rem;
}

/* ===== ACCIONES ===== */
.error-acciones[b-e8op6maci8] {
    margin-top: 1.25rem;
    display: flex;
    gap: 0.75rem;
}

.btn-error[b-e8op6maci8] {
    background-color: #444;
    color: white;
    text-decoration: none;
    padding: 0.4rem 1rem;
    font-size: var(--texto-9pt);
}

.btn-error:hover[b-e8op6maci8] {
    background-color: #000;
    color: white;
}

.btn-error-secondary[b-e8op6maci8] {
    background-color: transparent;
    color: #666;
    border: 1px solid #ccc;
    text-decoration: none;
    padding: 0.4rem 1rem;
    font-size: var(--texto-9pt);
}

.btn-error-secondary:hover[b-e8op6maci8] {
    background-color: #f5f5f5;
    color: #333;
}

/* ===== RESPONSIVE: Móvil ===== */
@media (max-width: 768px) {
    .error-container[b-e8op6maci8] {
        margin-left: 0;
        width: 100%;
        padding: 1rem;
    }

    .error-content[b-e8op6maci8] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .error-texto[b-e8op6maci8] {
        text-align: center;
    }

    .error-acciones[b-e8op6maci8] {
        justify-content: center;
    }
}
/* _content/SiREI_2026/Components/Pages/FooterContacto.razor.rz.scp.css */
/*
   FooterContacto.razor.css
   Formulario de contacto con validaciones.
   Usa contenedor-principal-sirei del app.css.
*/

/* ===== INTRODUCCIÓN ===== */
.contacto-intro[b-xbu00hqcv6] {
    margin-bottom: 1.25rem;                   /* Separación inferior (20px) */
    line-height: 1.5;                         /* Altura de línea */
    color: var(--color-home);                 /* Verde SiREI */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== SECCIÓN DE CAMPO ===== */
.form-section[b-xbu00hqcv6] {
    margin-bottom: 0.9375rem;                 /* Separación inferior (15px) */
    width: 100%;                              /* Ancho completo */
    display: block;                           /* Elemento de bloque */
}

/* ===== ETIQUETA DE CAMPO ===== */
.form-label[b-xbu00hqcv6] {
    font-weight: bold;                        /* Negritas */
    display: block;                           /* Elemento de bloque */
    margin-bottom: 0.3125rem;                 /* Separación inferior (5px) */
    color: var(--color-home);                 /* Verde SiREI */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.form-sublabel[b-xbu00hqcv6] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: gray;                              /* Gris */
}

/* ===== INPUT DE TEXTO ===== */
.form-input[b-xbu00hqcv6] {
    width: 17.6875rem;                        /* Ancho fijo (283px) */
    padding: 0.3125rem;                       /* Espaciado interno (5px) */
    border: 1px solid #ccc;                   /* Borde gris claro */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== LISTA DE RADIO BUTTONS ===== */
.radio-list[b-xbu00hqcv6] {
    margin: 0.3125rem 0;                      /* Márgenes verticales (5px) */
}

.radio-list label[b-xbu00hqcv6] {
    margin-right: 0.9375rem;                  /* Separación derecha (15px) */
    font-weight: normal;                      /* Sin negritas */
    color: var(--color-home);                 /* Verde SiREI */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== ÁREA DE TEXTO (MENSAJE) ===== */
/* Usamos ::deep para penetrar el componente InputTextArea */
[b-xbu00hqcv6] .form-textarea {
    width: 100% !important;                   /* Ancho completo */
    max-width: 38.125rem;                     /* Ancho máximo (610px) */
    height: 7.5rem;                           /* Altura (120px) */
    padding: 0.5rem;                          /* Espaciado interno (8px) */
    border: 1px solid #ccc;                   /* Borde gris claro */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    resize: vertical;                         /* Solo redimensiona vertical */
    display: block;                           /* Elemento de bloque */
}

/* ===== CONTENEDOR DEL MENSAJE ===== */
.mensaje-container[b-xbu00hqcv6] {
    display: block;                           /* Elemento de bloque */
    width: 100%;                              /* Ancho completo */
}

/* ===== BOTÓN ENVIAR ===== */
/* Usa .boton-grande de app.css - aquí solo color */
.boton-grande[b-xbu00hqcv6] {
    margin-top: 1rem;                         /* Separación superior */
    background-color: var(--color-home);      /* Verde SiREI */
    color: #FFFFFF;                           /* Blanco */
}

/* ===== MENSAJE DE ERROR ===== */
.error-message[b-xbu00hqcv6] {
    color: red;                               /* Rojo */
    font-weight: bold;                        /* Negritas */
    margin: 0.625rem 0;                       /* Márgenes verticales (10px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== RESUMEN DE VALIDACIÓN ===== */
.validation-summary[b-xbu00hqcv6] {
    color: red;                               /* Rojo */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-weight: bold;                        /* Negritas */
    margin: 0.625rem 0;                       /* Márgenes verticales (10px) */
    padding: 0.625rem;                        /* Espaciado interno (10px) */
    border: 0.9375rem solid white;            /* Borde blanco grueso (15px) */
    background-color: #ffe6e6;                /* Fondo rosa claro */
}

/* ===== PANEL DE ESPERA ===== */
.wait-panel[b-xbu00hqcv6] {
    text-align: center;                       /* Centrado */
    padding: 2.5rem;                          /* Espaciado interno (40px) */
    color: #008000;                           /* Verde SiREI */
}

.wait-panel img[b-xbu00hqcv6] {
    margin-bottom: 1.25rem;                   /* Separación inferior (20px) */
}

/* ===== PANEL DE CONFIRMACIÓN ===== */
.confirmation-panel[b-xbu00hqcv6] {
    text-align: center;                       /* Centrado */
    padding: 2.5rem;                          /* Espaciado interno (40px) */
}

.confirmation-title[b-xbu00hqcv6] {
    font-size: var(--texto-16pt);             /* Tamaño 16pt */
    font-weight: bold;                        /* Negritas */
    margin-bottom: 1.25rem;                   /* Separación inferior (20px) */
}

.confirmation-text[b-xbu00hqcv6] {
    font-size: var(--texto-14pt);             /* Tamaño 14pt */
    margin-bottom: 1.875rem;                  /* Separación inferior (30px) */
}

.confirmation-footer[b-xbu00hqcv6] {
    color: var(--color-home);                 /* Verde SiREI */
    font-size: var(--texto-16pt);             /* Tamaño 16pt */
    font-weight: bold;                        /* Negritas */
}

/* Spinner del módulo */
.sirei-spinner[b-xbu00hqcv6] {
    --spinner-color: var(--color-home);
}
/* _content/SiREI_2026/Components/Pages/FooterFaq.razor.rz.scp.css */
/*
   FooterFaq.razor.css
   Página de preguntas frecuentes con búsqueda y paginación.
   Usa contenedor-principal-sirei del app.css.
*/

/* ===== ETIQUETA DE INSTRUCCIÓN ===== */
.sirei-label-instruccion[b-bvvzy0noxd] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: bold;                        /* Negritas */
    color: var(--color-home);                 /* Verde SiREI */
    display: block;                           /* Elemento de bloque */
    margin-bottom: 0.25rem;                   /* Separación inferior (4px) */
}

/* ===== TABLA DE PREGUNTAS ===== */
.sirei-table[b-bvvzy0noxd] {
    width: 100%;                              /* Ancho completo */
    border-collapse: collapse;                /* Bordes colapsados */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
}

/* Encabezado de tabla */
.sirei-table thead tr[b-bvvzy0noxd] {
    color: var(--color-home);                 /* Verde SiREI */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    text-align: left;                         /* Alineado izquierda */
    background-color: transparent;            /* Sin fondo */
    border-bottom: 1px solid #ccc;            /* Línea gris inferior */
}

.sirei-table th[b-bvvzy0noxd] {
    padding: 0.5rem;                          /* Espaciado interno (8px) */
    font-weight: normal;                      /* Sin negritas */
}

/* ===== INPUT DE BÚSQUEDA ===== */
.sirei-input-busqueda[b-bvvzy0noxd] {
    width: 28rem;                             /* Ancho fijo (450px aprox) */
    border: 1px solid #7F9DB9;                /* Borde azul grisáceo */
    height: 1.5rem;                           /* Altura (24px) */
    padding-left: 0.3125rem;                  /* Padding izquierdo (5px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* ===== FILAS ALTERNADAS ===== */
.row-honeydew[b-bvvzy0noxd] {
    background-color: Honeydew;               /* Verde muy claro */
}

.row-white[b-bvvzy0noxd] {
    background-color: White;                  /* Blanco */
}

.sirei-table td[b-bvvzy0noxd] {
    padding: 0.25rem;                         /* Espaciado interno (4px) */
    color: #333333;                           /* Gris oscuro */
}

/* ===== PAGINADOR ===== */
.sirei-pager[b-bvvzy0noxd] {
    margin-top: 0.625rem;                     /* Separación superior (10px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: var(--color-home);                 /* Verde SiREI */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    user-select: none;                        /* No seleccionable */
}

.pager-item[b-bvvzy0noxd] {
    cursor: pointer;                          /* Cursor de mano */
    margin: 0 0.3125rem;                      /* Márgenes laterales (5px) */
}

.pager-link[b-bvvzy0noxd] {
    text-decoration: underline;               /* Subrayado */
}

.pager-active[b-bvvzy0noxd] {
    font-weight: bold;                        /* Negritas */
    text-decoration: none;                    /* Sin subrayado */
    cursor: default;                          /* Cursor normal */
}

/* ===== BOTONES DE NAVEGACIÓN ===== */
.btn-nav[b-bvvzy0noxd] {
    background: none;                         /* Sin fondo */
    border: none;                             /* Sin borde */
    color: var(--color-home);                 /* Verde SiREI */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    padding: 0;                               /* Sin padding */
    cursor: pointer;                          /* Cursor de mano */
}

.btn-nav:focus[b-bvvzy0noxd] {
    outline: none;                            /* Sin outline */
    box-shadow: none;                         /* Sin sombra */
}

.btn-nav:disabled[b-bvvzy0noxd] {
    opacity: 0.5;                             /* Semitransparente */
    cursor: not-allowed;                      /* Cursor no permitido */
    text-decoration: none;                    /* Sin subrayado */
}

/* ===== DETALLE DE PREGUNTA ===== */
.sirei-detalle-contenedor[b-bvvzy0noxd] {
    margin-top: 1.25rem;                      /* Separación superior (20px) */
}

.sirei-detalle-pregunta[b-bvvzy0noxd] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    font-weight: bold;                        /* Negritas */
    color: var(--color-home);                 /* Verde SiREI */
    display: block;                           /* Elemento de bloque */
    margin-bottom: 0.625rem;                  /* Separación inferior (10px) */
}

.sirei-detalle-respuesta[b-bvvzy0noxd] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    font-weight: normal;                      /* Sin negritas */
    color: var(--color-home);                 /* Verde SiREI */
    display: block;                           /* Elemento de bloque */
}

/* ===== MENSAJE SIN RESULTADOS ===== */
.sirei-sin-resultados[b-bvvzy0noxd] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #666666;                           /* Gris */
}
/* _content/SiREI_2026/Components/Pages/FooterLegal.razor.rz.scp.css */
/*
   FooterLegal.razor.css
   Página de información legal y términos de uso.
   Usa contenedor-principal-sirei del app.css.
*/

/* ===== TÍTULO ===== */
.sirei-legal-titulo[b-c75w0nma6r] {
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    font-weight: bold;                        /* Negritas */
    color: var(--color-home);                 /* Verde SiREI */
    line-height: 1.4;                         /* Altura de línea */
    margin-bottom: 1.25rem;                   /* Separación inferior (20px) */
    text-align: left;                         /* Alineado izquierda */
}

/* ===== TEXTO LEGAL ===== */
.sirei-legal-texto[b-c75w0nma6r] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: normal;                      /* Sin negritas */
    color: var(--color-home);                 /* Verde SiREI */
    line-height: 1.6;                         /* Altura de línea amplia */
    margin-bottom: 0.9375rem;                 /* Separación inferior (15px) */
    text-align: justify;                      /* Justificado */
    hyphens: auto;                            /* Corte de palabras automático */
}

/* ===== ENLACES ===== */
.sirei-link[b-c75w0nma6r] {
    color: var(--color-home);                 /* Verde SiREI */
    text-decoration: underline;               /* Subrayado */
}

/* ===== LISTA DE VIÑETAS ===== */
ul.sirei-legal-texto[b-c75w0nma6r] {
    padding-left: 1.5625rem;                  /* Sangría izquierda (25px) */
    text-align: left;                         /* Alineado izquierda */
}

/* ===== LINK HEREDADO ===== */
.link-heredado[b-c75w0nma6r] {
    color: inherit;                           /* Hereda color del padre */
    cursor: pointer;                          /* Cursor de mano */
}
/* _content/SiREI_2026/Components/Pages/Home.razor.rz.scp.css */
/*
   Home.razor.css
   Página de bienvenida con lista de módulos del sistema.
   Usa contenedor-principal-sirei del app.css.
*/

/* ===== SECCIÓN DE BIENVENIDA ===== */
.welcome-section[b-i2jnktuqqy] {
    margin-top: 0;                            /* Sin margen superior */
    margin-bottom: 0.5rem;                    /* Separación inferior (8px) */
    text-align: center;                       /* Centrado */
}

.welcome-title[b-i2jnktuqqy] {
    color: #008000;                           /* Verde SiREI */
    font-weight: bold;                        /* Negritas */
    margin-bottom: 0.125rem;                  /* Separación mínima (2px) */
    font-size: var(--texto-14pt);             /* Tamaño 14pt */
}

.welcome-text[b-i2jnktuqqy] {
    color: #008000;                           /* Verde SiREI */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    line-height: 1.2;                         /* Altura de línea compacta */
}

/* ===== LISTA DE MÓDULOS ===== */
.modules-list[b-i2jnktuqqy] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Apilado vertical */
    gap: 0.3125rem;                           /* Espacio entre filas (5px) */
}

/* ===== ITEM DE MÓDULO ===== */
.module-item[b-i2jnktuqqy] {
    display: flex;                            /* Flexbox horizontal */
    flex-wrap: nowrap;                        /* Sin wrap */
    align-items: flex-start;                  /* Alineado arriba */
    background-color: #ffffff;                /* Fondo blanco */
    padding: 0.3125rem 0.625rem;              /* Espaciado interno (5px 10px) */
    min-height: 4.375rem;                     /* Altura mínima (70px) */
}

/* ===== ICONO DEL MÓDULO ===== */
.module-icon[b-i2jnktuqqy] {
    flex: 0 0 4.375rem;                       /* Ancho fijo (70px), no crece ni encoge */
    text-align: center;                       /* Centrado */
    padding-right: 0.9375rem;                 /* Separación derecha (15px) */
    cursor: pointer;                          /* Cursor de mano */
    transition: all 0.2s ease-in-out;         /* Animación suave */
    filter: drop-shadow(-4px 4px 2px rgba(0,0,0,0.3)); /* Sombra que sigue la forma */
}

.module-icon img[b-i2jnktuqqy] {
    width: 2.8125rem;                         /* Ancho del icono (45px) */
    height: auto;                             /* Alto proporcional */
}

.module-icon:hover[b-i2jnktuqqy] {
    transform: scale(1.1);                    /* Agranda 10% al hover */
    filter: drop-shadow(-7px 7px 2px rgba(0,0,0,0.25)); /* Sombra más pronunciada */
}

.module-icon:active[b-i2jnktuqqy] {
    transform: scale(0.95);                   /* Reduce al click */
}

/* Ajustes específicos por módulo */
.icon-pan img[b-i2jnktuqqy] { }
.icon-req img[b-i2jnktuqqy] { }
.icon-enc img[b-i2jnktuqqy] { width: 2.5rem; }              /* Icono encuestas más pequeño (40px) */
.icon-eva img[b-i2jnktuqqy] { }
.icon-uti img[b-i2jnktuqqy] { transform: scaleX(-1); }      /* Volteado horizontal */
.icon-cco img[b-i2jnktuqqy] {
    transform: scaleX(-1);                    /* Volteado horizontal */
    width: 3.4375rem;                         /* Más grande (55px) */
    height: auto;                             /* Alto proporcional */
}

/* ===== INFO DEL MÓDULO ===== */
.module-info[b-i2jnktuqqy] {
    flex: 1;                                  /* Toma el espacio restante */
    min-width: 0;                             /* Evita que empuje hacia afuera */
}

.module-link[b-i2jnktuqqy] {
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-12pt);             /* Tamaño 12pt */
    text-decoration: none;                    /* Sin subrayado */
    display: block;                           /* Elemento de bloque */
    margin-bottom: 0.125rem;                  /* Separación inferior (2px) */
}

.module-info hr[b-i2jnktuqqy] {
    border: none;                             /* Sin borde */
    height: 2px;                              /* Grosor de línea */
    margin: 0.125rem 0 0.3125rem 0;           /* Márgenes (2px 0 5px 0) */
    opacity: 1;                               /* Opacidad completa */
}

.module-info p[b-i2jnktuqqy] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    line-height: 1.3;                         /* Altura de línea */
    color: #333;                              /* Gris oscuro */
    margin-bottom: 0;                         /* Sin margen inferior */
    overflow-wrap: break-word;                /* Corta palabras largas */
}

.module-sublink[b-i2jnktuqqy] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-weight: bold;                        /* Negritas */
    text-decoration: none;                    /* Sin subrayado */
    margin-left: 0.3125rem;                   /* Separación izquierda (5px) */
}

/* ===== COLORES POR MÓDULO ===== */
/* Panel de Control - Rojo */
.modulo-panel .module-link[b-i2jnktuqqy],
.modulo-panel .module-sublink[b-i2jnktuqqy] { color: var(--color-panel); }
.modulo-panel hr[b-i2jnktuqqy] { background-color: var(--color-panel); }

/* Requerimientos - Amarillo */
.modulo-reqs .module-link[b-i2jnktuqqy],
.modulo-reqs .module-sublink[b-i2jnktuqqy] { color: var(--color-reqs); }
.modulo-reqs hr[b-i2jnktuqqy] { background-color: var(--color-reqs); }

/* Encuestas - Morado */
.modulo-encu .module-link[b-i2jnktuqqy],
.modulo-encu .module-sublink[b-i2jnktuqqy] { color: var(--color-encu); }
.modulo-encu hr[b-i2jnktuqqy] { background-color: var(--color-encu); }

/* Evaluación - Azul */
.modulo-eval .module-link[b-i2jnktuqqy],
.modulo-eval .module-sublink[b-i2jnktuqqy] { color: var(--color-eval); }
.modulo-eval hr[b-i2jnktuqqy] { background-color: var(--color-eval); }

/* Utilerías - Gris */
.modulo-tools .module-link[b-i2jnktuqqy],
.modulo-tools .module-sublink[b-i2jnktuqqy] { color: var(--color-tools); }
.modulo-tools hr[b-i2jnktuqqy] { background-color: var(--color-tools); }

/* CCO - Verde Militar */
.modulo-cco .module-link[b-i2jnktuqqy],
.modulo-cco .module-sublink[b-i2jnktuqqy] { color: var(--color-cco); }
.modulo-cco hr[b-i2jnktuqqy] { background-color: var(--color-cco); }

/* ===== OCULTAR ICONOS DUPLICADOS ===== */
/* Cuando el menú está colapsado y estamos en Home */
.nav-menu-container.collapsed.active-panel .menu-icon[b-i2jnktuqqy] {
    display: none;                            /* Oculta iconos repetidos */
}

/* ===== RESPONSIVE - MÓVIL ===== */
@media (max-width: 768px) {
    .module-item[b-i2jnktuqqy] {
        flex-direction: column;               /* Apilado vertical */
        align-items: center;                  /* Centrado horizontal */
        text-align: center;                   /* Texto centrado */
    }

    .module-icon[b-i2jnktuqqy] {
        flex: 0 0 auto;                       /* Tamaño automático */
        width: 100%;                          /* Ancho completo */
        padding-right: 0;                     /* Sin padding derecho */
        margin-bottom: 0.3125rem;             /* Separación inferior (5px) */
    }

    .module-info[b-i2jnktuqqy] {
        width: 100%;                          /* Ancho completo */
    }
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalAnexos.razor.rz.scp.css */
/*
   ModalAnexos.razor.css
   Modal para subir y gestionar archivos anexos.
*/

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-r6aec1xiv0] {
    position: fixed;                          /* Posición fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-r6aec1xiv0] {
    background-color: #F0F0F0;                /* Gris claro */
    border: 1px solid #FFFFFF;                /* Borde blanco estandar */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra estandar */
    width: 90%;                               /* Ancho 90% */
    max-width: 37.5rem;                       /* Máximo (600px) */
    max-height: 90vh;                         /* Máximo 90% viewport */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
}

.modal-anexos[b-r6aec1xiv0] {
    background-color: #F0F0F0;                /* Gris claro */
}

/* ===== MODAL HEADER ===== */
.modal-header[b-r6aec1xiv0] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-bottom: 0px solid #808080;         /* Sin divisor */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    background-color: inherit;                /* Hereda fondo */
}

.modal-header h3[b-r6aec1xiv0] {
    margin: 0;                                /* Sin margen */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
}

/* ===== MODAL BODY ===== */
.modal-body[b-r6aec1xiv0] {
    padding: 0.94rem;                         /* Padding (15px) */
    overflow-y: auto;                         /* Scroll vertical */
    flex: 1;                                  /* Ocupa espacio */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #000000;                           /* Negro */
}

.modal-body p[b-r6aec1xiv0] {
    margin: 0.125rem 0;                       /* Margen (2px) */
}

.modal-body p.help-text[b-r6aec1xiv0] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #666666;                           /* Gris */
    line-height: 1.4;                         /* Altura de línea */
}

/* ===== FILE INPUT ===== */
.file-input-container[b-r6aec1xiv0] {
    margin: 0.625rem 0;                       /* Margen (10px) */
    position: relative;                       /* Posición relativa */
}

/* Usamos ::deep para alcanzar el input generado por el componente InputFile */
/* Y con ello Ocultamos el INPUT de ARCHIVOS UPLOAD nativo de Blazor que NO es customizable */
[b-r6aec1xiv0] .file-input {
    opacity: 0;                               /* Invisible */
    width: 0.006rem;                          /* Ancho mínimo (0.1px) */
    height: 0.006rem;                         /* Alto mínimo (0.1px) */
    position: absolute;                       /* Posición absoluta */
    overflow: hidden;                         /* Oculta overflow */
}

/* Opcional: Aseguramos matar el botón interno de WebKit/Chrome por si acaso */
[b-r6aec1xiv0] .file-input::-webkit-file-upload-button {
    display: none;                            /* Oculto */
}

/* Botón moderno verde para seleccionar archivos (Como todos los botones la base es boton del SiREI) */
.file-input-label[b-r6aec1xiv0] {
    display: inline-flex;                     /* Inline flex */
    background-color: #4CAF50;                /* Verde */
    align-items: center;                      /* Centrado vertical */
    color: #FFFFFF;                           /* Blanco */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
}

.file-icon[b-r6aec1xiv0] {
    font-size: var(--texto-14pt);             /* Tamaño 14pt */
}

/* ===== ARCHIVOS LISTA ===== */
.archivos-lista[b-r6aec1xiv0] {
    margin-top: 0.94rem;                      /* Margen superior (15px) */
    border: 1px solid #808080;                /* Borde gris */
    padding: 0.625rem;                        /* Padding (10px) */
    background-color: #FFFFFF;                /* Blanco */
    max-height: 15.625rem;                    /* Máximo (250px) */
    overflow-y: auto;                         /* Scroll vertical */
}

.archivos-lista h4[b-r6aec1xiv0] {
    margin: 0 0 0.625rem 0;                   /* Margen inferior (10px) */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
}

.archivo-item[b-r6aec1xiv0] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.625rem;                            /* Gap (10px) */
    padding: 0.5rem;                          /* Padding (8px) */
    border-bottom: 1px solid #E0E0E0;         /* Borde inferior gris claro */
    background-color: #F9F9F9;                /* Gris muy claro */
}

.archivo-item:last-child[b-r6aec1xiv0] {
    border-bottom: none;                      /* Sin borde en último */
}

.archivo-item.archivo-error[b-r6aec1xiv0] {
    background-color: #FFDDDD;                /* Rosa claro error */
    border-left: 3px solid #CC0000;           /* Borde izquierdo rojo */
}

.archivo-nombre[b-r6aec1xiv0] {
    flex: 1;                                  /* Ocupa espacio */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #000000;                           /* Negro */
    word-break: break-all;                    /* Corta palabras largas */
}

.archivo-tamano[b-r6aec1xiv0] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #666666;                           /* Gris */
    min-width: 4.375rem;                      /* Mínimo (70px) */
    text-align: right;                        /* Alineado derecha */
}

.archivo-error-mensaje[b-r6aec1xiv0] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #CC0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
}

/* Usa .boton-x de app.css - aquí color y hover rojo para eliminar */
.btn-eliminar-archivo[b-r6aec1xiv0] {
    color: #999999;                           /* Gris pardo */
}

.btn-eliminar-archivo:hover[b-r6aec1xiv0] {
    color: #CC0000;                           /* Rojo - indica eliminar */
}

/* ===== ERROR MESSAGE ===== */
.error-message[b-r6aec1xiv0] {
    margin-top: 0.625rem;                     /* Margen superior (10px) */
    padding: 0.5rem;                          /* Padding (8px) */
    background-color: #FFDDDD;                /* Rosa claro */
    border: 1px solid #CC0000;                /* Borde rojo */
    border-radius: 0;                         /* Sin bordes redondeados */
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-r6aec1xiv0] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-top: 0px solid #FFFFFF;            /* Divisor blanco estandar */
    display: flex;                            /* Flexbox */
    justify-content: flex-end;                /* Alineado derecha */
    background-color: inherit;                /* Hereda fondo */
}

/* ===== BOTONES ===== */
.btn-cancelar-modal[b-r6aec1xiv0] {
    background-color: #D0D0D0;                /* Gris claro */
    color: #000000;                           /* Negro */
}

.btn-confirmar-modal[b-r6aec1xiv0] {
    background-color: #90D090;                /* Verde claro */
    color: #000000;                           /* Negro */
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalAsignar.razor.rz.scp.css */
/*
   ModalAsignar.razor.css
   Modal para asignar un requerimiento.
*/

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-qowo57bt0h] {
    position: fixed;                          /* Posición fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-qowo57bt0h] {
    border: 1px solid #FFFFFF;                /* Borde blanco estandar */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra estandar */
    width: 90%;                               /* Ancho 90% */
    max-width: 31.25rem;                      /* Máximo (500px) */
    max-height: 90vh;                         /* Máximo 90% viewport */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
}

.modal-asignar[b-qowo57bt0h] {
    background-color: #FFF7CC;                /* Amarillo muy claro */
}

/* ===== MODAL HEADER ===== */
.modal-header[b-qowo57bt0h] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-bottom: 0px solid #808080;         /* Sin divisor */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    background-color: inherit;                /* Hereda fondo */
}

.modal-header h3[b-qowo57bt0h] {
    margin: 0;                                /* Sin margen */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
}

/* ===== MODAL BODY ===== */
.modal-body[b-qowo57bt0h] {
    padding: 0.94rem;                         /* Padding (15px) */
    overflow-y: auto;                         /* Scroll vertical */
    flex: 1;                                  /* Ocupa espacio */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    line-height: 1.4;                         /* Altura de línea */
}

.modal-body p[b-qowo57bt0h] {
    margin: 0.375rem 0;                       /* Margen (6px) */
}

/* ===== FORM GROUP ===== */
.form-group[b-qowo57bt0h] {
    margin: 0.75rem 0;                        /* Margen (12px) */
}

.form-group label[b-qowo57bt0h] {
    display: block;                           /* Bloque */
    margin-bottom: 0.25rem;                   /* Margen inferior (4px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #000000;                           /* Negro */
}

.form-control[b-qowo57bt0h] {
    width: 100%;                              /* Ancho completo */
    padding: 0.25rem 0.375rem;                /* Padding (4px 6px) */
    border: 1px solid #808080;                /* Borde gris */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    box-sizing: border-box;                   /* Box sizing */
    background-color: #FFFFFF;                /* Blanco */
}

.form-control:focus[b-qowo57bt0h] {
    outline: 1px solid #000000;               /* Outline negro */
    border-color: #000000;                    /* Borde negro */
}

textarea.form-control[b-qowo57bt0h] {
    resize: vertical;                         /* Solo redimensiona vertical */
    min-height: 5rem;                         /* Altura mínima (80px) */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-qowo57bt0h] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-top: 0px solid #FFFFFF;            /* Divisor blanco estandar */
    display: flex;                            /* Flexbox */
    justify-content: flex-end;                /* Alineado derecha */
    gap: 0.5rem;                              /* Gap (8px) */
    background-color: inherit;                /* Hereda fondo */
}

/* ===== BOTONES ===== */
/* Usa .boton de app.css - aquí solo colores */
.btn-cancelar-modal[b-qowo57bt0h] {
    background-color: #D0D0D0;                /* Gris claro */
}

.btn-confirmar-modal[b-qowo57bt0h] {
    background-color: #F1BF09;                /* Amarillo dorado */
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalCancelar.razor.rz.scp.css */
/*
   ModalCancelar.razor.css
   Modal para cancelar un requerimiento.
*/

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-77dkmjok1f] {
    position: fixed;                          /* Posición fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-77dkmjok1f] {
    border: 1px solid #FFFFFF;                /* Borde blanco estandar */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra estandar */
    width: 90%;                               /* Ancho 90% */
    max-width: 31.25rem;                      /* Máximo (500px) */
    max-height: 90vh;                         /* Máximo 90% viewport */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
}

.modal-cancelar[b-77dkmjok1f] {
    background-color: #B2B3BE;                /* Gris azulado */
}

/* ===== MODAL HEADER ===== */
.modal-header[b-77dkmjok1f] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-bottom: 0px solid #808080;         /* Sin divisor */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    background-color: inherit;                /* Hereda fondo */
}

.modal-header h3[b-77dkmjok1f] {
    margin: 0;                                /* Sin margen */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
}

/* ===== MODAL BODY ===== */
.modal-body[b-77dkmjok1f] {
    padding: 0.94rem;                         /* Padding (15px) */
    overflow-y: auto;                         /* Scroll vertical */
    flex: 1;                                  /* Ocupa espacio */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
}

.modal-body p[b-77dkmjok1f] {
    margin: 0.375rem 0;                       /* Margen (6px) */
}

/* ===== FORM GROUP ===== */
.form-group[b-77dkmjok1f] {
    margin: 0.75rem 0;                        /* Margen (12px) */
}

.form-group label[b-77dkmjok1f] {
    display: block;                           /* Bloque */
    margin-bottom: 0.25rem;                   /* Margen inferior (4px) */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #000000;                           /* Negro */
}

.form-control[b-77dkmjok1f] {
    width: 100%;                              /* Ancho completo */
    margin-top: 0.625rem;                     /* Margen superior (10px) */
    padding: 0.25rem 0.375rem;                /* Padding (4px 6px) */
    border: 1px solid #808080;                /* Borde gris */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    box-sizing: border-box;                   /* Box sizing */
    background-color: #FFFFFF;                /* Blanco */
}

.form-control:focus[b-77dkmjok1f] {
    box-shadow: none !important;              /* Sin sombra Bootstrap */
}

textarea.form-control[b-77dkmjok1f] {
    resize: vertical;                         /* Solo redimensiona vertical */
    min-height: 5rem;                         /* Altura mínima (80px) */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-77dkmjok1f] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-top: 0px solid #FFFFFF;            /* Divisor blanco estandar */
    display: flex;                            /* Flexbox */
    justify-content: flex-end;                /* Alineado derecha */
    background-color: inherit;                /* Hereda fondo */
}

/* ===== BOTONES ===== */
/* Usa .boton de app.css - aquí solo colores */

.btn-cancelar-modal[b-77dkmjok1f] {
    background-color: #D0D0D0;                /* Gris claro */
    color: #000000;                           /* Negro */
}

.btn-confirmar-modal[b-77dkmjok1f] {
    background-color: #66677A;                /* Gris azulado oscuro */
    color: #FFFFFF;                           /* Blanco */
    border: 1px solid #808080;                /* Borde gris */
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalDesactivar.razor.rz.scp.css */
/*
   ModalDesactivar.razor.css
   Modal para desactivar un requerimiento recurrente.
   Migrado de: SiREI_2009/02Req/ConsReqRE.aspx - Panel P_Inactiva
*/

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-xs2furnrqh] {
    position: fixed;                          /* Posición fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-xs2furnrqh] {
    border: 1px solid #FFFFFF;                /* Borde blanco estandar */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra estandar */
    width: 90%;                               /* Ancho 90% */
    max-width: 27.5rem;                       /* Máximo (440px) */
    max-height: 90vh;                         /* Máximo 90% viewport */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
}

.modal-desactivar[b-xs2furnrqh] {
    background-color: #696969;                /* Gris (DimGray) */
}

/* ===== MODAL HEADER ===== */
.modal-header[b-xs2furnrqh] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-bottom: 0px solid #808080;         /* Sin divisor */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    background-color: inherit;                /* Hereda fondo */
}

.modal-header h3[b-xs2furnrqh] {
    margin: 0;                                /* Sin margen */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
    color: #FFFFFF;                           /* Blanco (texto en fondo gris) */
}

/* ===== MODAL BODY ===== */
.modal-body[b-xs2furnrqh] {
    padding: 1.875rem 1.25rem;                /* Padding (30px 20px) */
    overflow-y: auto;                         /* Scroll vertical */
    flex: 1;                                  /* Ocupa espacio */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    text-align: center;                       /* Centrado */
    color: #FFFFFF;                           /* Blanco */
}

/* Mensaje de confirmación */
.mensaje-confirmacion[b-xs2furnrqh] {
    margin: 0 0 0.94rem 0;                    /* Margen inferior (15px) */
    line-height: 1.5;                         /* Altura de línea */
}

/* Título del req a desactivar */
.req-titulo[b-xs2furnrqh] {
    width: 90%;                               /* Ancho 90% */
    margin: 0 auto 1.25rem auto;              /* Margen centrado (20px) */
    padding: 0.5rem;                          /* Padding (8px) */
    font-weight: bold;                        /* Negritas */
    color: #FFFFFF;                           /* Blanco */
    background-color: #696969;                /* Mismo fondo (DimGray) */
    text-align: center;                       /* Centrado */
    border: 0;                                /* Sin borde */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* Mensaje de advertencia */
.mensaje-advertencia[b-xs2furnrqh] {
    margin: 0.94rem 0 0 0;                    /* Margen superior (15px) */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-xs2furnrqh] {
    padding: 0.94rem;                         /* Padding (15px) */
    border-top: 0px solid #FFFFFF;            /* Divisor estandar blanco */
    display: flex;                            /* Flexbox */
    justify-content: center;                  /* centrado */
    gap: 0.5rem;                              /* Gap (8px) */
    background-color: inherit;                /* Hereda fondo */
    flex-wrap: wrap;                          /* Wrap */
}

/* ===== BOTONES ===== */
.btn-desactivar-modal[b-xs2furnrqh] {
    background-color: #FF6666;                /* Rojo claro (acción destructiva) */
    color: #000000;                           /* Negro */
}

.btn-cancelar-modal[b-xs2furnrqh] {
    background-color: #D0D0D0;                /* Gris claro */
    color: #000000;                           /* Negro */
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalEncadena.razor.rz.scp.css */
/*
   ModalEncadena.razor.css
   Modal para encadenar requerimientos.
*/

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-ymjqe58zvv] {
    position: fixed;                          /* Posición fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-ymjqe58zvv] {
    border: 1px solid #FFFFFF;                /* Borde blanco estandar */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra estandar */
    width: 90%;                               /* Ancho 90% */
    max-width: 21.875rem;                     /* Máximo (350px) */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    background-color: #7581FA;                /* Azul violeta (mismo del botón en ReqConsulta) */
}

/* ===== MODAL HEADER ===== */
.modal-header[b-ymjqe58zvv] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-bottom: 0px solid #808080;         /* Sin divisor */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    background-color: inherit;                /* Hereda fondo */
}

.modal-header h3[b-ymjqe58zvv] {
    margin: 0;                                /* Sin margen */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
}

/* ===== MODAL BODY ===== */
.modal-body[b-ymjqe58zvv] {
    padding: 0.94rem;                         /* Padding (15px) */
    overflow-y: auto;                         /* Scroll vertical */
    flex: 1;                                  /* Ocupa espacio */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #000000;                           /* Negro */
}

.modal-body p[b-ymjqe58zvv] {
    margin: 0.125rem;                         /* Margen (2px) */
    line-height: 1.4;                         /* Altura de línea */
}

/* Título especial del negocio */
.titulo-negocio[b-ymjqe58zvv] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #000000;                           /* Negro */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
}

/* ===== OPCIONES CONTAINER ===== */
.opciones-container[b-ymjqe58zvv] {
    margin-top: 0.625rem;                     /* Margen superior (10px) */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    align-items: center;                      /* Centrado horizontal */
    gap: 0.625rem;                            /* Gap (10px) */
}

/* ===== BOTONES DE OPCIÓN ===== */
/* Usa .boton de app.css - aquí solo colores y ancho */
.boton[b-ymjqe58zvv] { margin-left: 0;}  /* le quitamos el margen dado que aquí no lo ocupa */

.btn-crear[b-ymjqe58zvv] {
    background-color: #FFFF99;                /* Amarillo claro */
    width: 100%;                              /* Ancho completo */
}

/* Texto secundario dentro de botones */
.btn-texto-secundario[b-ymjqe58zvv] {
    display: block;                           /* Bloque */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: normal;                      /* Sin negritas */
    color: #555555;                           /* Gris oscuro */
    margin-top: 0.125rem;                     /* Margen superior (2px) */
}

/* Usa .boton de app.css - aquí solo colores y ancho */
.btn-encadenar[b-ymjqe58zvv] {
    background-color: #B0E0E6;                /* Azul polvo (PowderBlue) */
    width: 100%;                              /* Ancho completo */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-ymjqe58zvv] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-top: 0px solid #FFFFFF;            /* Divisor blanco estandar */
    display: flex;                            /* Flexbox */
    justify-content: flex-end;                /* Alineado derecha (como los demás modales) */
}

/* ===== BOTONES FOOTER ===== */
.btn-cancelar-modal[b-ymjqe58zvv] {
    background-color: #D0D0D0;                /* Gris claro */
    color: #000000;                           /* Negro */
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalEncadenaAgregar.razor.rz.scp.css */
/*
   ModalEncadenaAgregar.razor.css
   Modal para agregar una dependencia de cadena.
   Dos variantes: violeta (dependen) y amarillo (depende).
*/

/* ===== INPUT NUMBER SIN FLECHAS ===== */
.input-req-modal[b-ij99je9yi2]::-webkit-inner-spin-button,
.input-req-modal[b-ij99je9yi2]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.input-req-modal[b-ij99je9yi2] {
    -moz-appearance: textfield;                   /* Firefox */
}

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-ij99je9yi2] {
    position: fixed;                          /* Posicion fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-ij99je9yi2] {
    border: 1px solid #FFFFFF;                /* Borde blanco estandar */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra estandar */
    width: 90%;                               /* Ancho 90% */
    max-width: 27.5rem;                       /* Maximo (440px) */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Direccion columna */
    font-size: var(--texto-10pt);             /* Tamano 10pt */
}

/* ===== VARIANTES DE COLOR ===== */
/* Violeta: reqs que dependen de el */
.modal-dependen[b-ij99je9yi2] {
    background-color: #CC99FF;                /* Violeta solido */
}

/* Amarillo: reqs de los que depende */
.modal-depende[b-ij99je9yi2] {
    background-color: #FFD700;                /* Amarillo solido */
}

/* ===== MODAL BODY ===== */
.modal-body[b-ij99je9yi2] {
    padding: 1.56rem 1.125rem;                /* Padding (25px 18px) */
    text-align: center;                       /* Centrado */
}

.modal-body p[b-ij99je9yi2] {
    margin: 0.5rem 0;                         /* Margen vertical (8px) */
}

.texto-modal-tipo[b-ij99je9yi2] {
    font-weight: normal;                      /* Sin negritas */
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
}

.req-numero-fijo[b-ij99je9yi2] {
    font-weight: bold;                        /* Negritas */
    padding: 0.375rem;                        /* Padding (6px) */
    margin: 0.5rem auto;                      /* Margen centrado (8px) */
    max-width: 18.75rem;                      /* Ancho maximo (300px) */
}

.input-req-modal[b-ij99je9yi2] {
    width: 6.25rem;                           /* Ancho (100px) */
    padding: 0.31rem;                         /* Padding (5px) */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-10pt);             /* Tamano 10pt */
    text-align: center;                       /* Centrado */
    border: 1px solid #999999;                /* Borde gris */
    border-radius: 3px;                       /* Bordes redondeados */
    margin: 0.5rem 0;                         /* Margen vertical (8px) */
}

/* ===== MENSAJES DE ERROR ===== */
.mensaje-error-modal[b-ij99je9yi2] {
    color: #FF0000;                           /* Rojo */
    background-color: #FFF5F5;                /* Rosa muy claro */
    padding: 0.5rem;                          /* Padding (8px) */
    margin: 0.75rem 0 0.25rem;                /* Margen (12px 0 4px) */
    border: 1px solid #FFCCCC;                /* Borde rosa */
    border-radius: 4px;                       /* Bordes redondeados */
}

.mensaje-verificar[b-ij99je9yi2] {
    color: #FF0000;                           /* Rojo */
    font-size: var(--texto-9pt);              /* Tamano 9pt */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
}

/* ===== VISTA PREVIA ===== */
.vista-previa-req[b-ij99je9yi2] {
    background-color: #FFFFFF;                /* Fondo blanco */
    padding: 0.75rem;                         /* Padding (12px) */
    margin: 0.75rem 0;                        /* Margen vertical (12px) */
    border: 1px solid #DDDDDD;                /* Borde gris claro */
    border-radius: 4px;                       /* Bordes redondeados */
    text-align: left;                         /* Alineado izquierda */
}

.separador[b-ij99je9yi2] {
    text-align: center;                       /* Centrado */
    color: #666666;                           /* Gris oscuro */
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
}

.req-titulo-preview[b-ij99je9yi2] {
    font-weight: bold;                        /* Negritas */
    text-align: center;                       /* Centrado */
    margin: 0.5rem 0;                         /* Margen vertical (8px) */
}

.status-preview[b-ij99je9yi2] {
    text-align: center;                       /* Centrado */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-8pt);              /* Tamano 8pt */
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
    color: #666666;                           /* Gris oscuro */
}

.req-info-preview[b-ij99je9yi2] {
    text-align: center;                       /* Centrado */
    font-size: var(--texto-9pt);              /* Tamano 9pt */
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-ij99je9yi2] {
    padding: 0.94rem;                         /* Padding (15px) */
    border-top: 0px solid #FFFFFF;            /* Divisor blanco estandar */
    display: flex;                            /* Flexbox */
    justify-content: center;                  /* Alineado cenrado */
    gap: 0.94rem;                             /* Espacio entre botones (15px) */
    background-color: inherit;                /* Hereda color del modal */
}

/* ===== BOTONES ===== */
.btn-confirmar[b-ij99je9yi2] {
    background-color: var(--color-home);      /* Verde */
    color: white;
}

.btn-cancelar[b-ij99je9yi2] {
    background-color: #D0D0D0;                /* Gris claro */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .modal-content[b-ij99je9yi2] {
        width: 95%;                           /* Ancho casi completo */
    }
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalEncadenaQuitar.razor.rz.scp.css */
/*
   ModalEncadenaQuitar.razor.css
   Modal para quitar una dependencia de cadena.
   Dos variantes: violeta (dependen) y amarillo (depende).
*/

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-r97ncw5ic3] {
    position: fixed;                          /* Posicion fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-r97ncw5ic3] {
    border: 1px solid #FFFFFF;                /* Borde blanco estandar */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra estandar */
    width: 90%;                               /* Ancho 90% */
    max-width: 27.5rem;                       /* Maximo (440px) */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Direccion columna */
    font-size: var(--texto-10pt);             /* Tamano 10pt */
}

/* ===== VARIANTES DE COLOR ===== */
/* Violeta: reqs que dependen de el */
.modal-dependen[b-r97ncw5ic3] {
    background-color: #CC99FF;                /* Violeta solido */
}

/* Amarillo: reqs de los que depende */
.modal-depende[b-r97ncw5ic3] {
    background-color: #FFD700;                /* Amarillo solido */
}

/* ===== MODAL BODY ===== */
.modal-body[b-r97ncw5ic3] {
    padding: 1.56rem 1.125rem;                /* Padding (25px 18px) */
    text-align: center;                       /* Centrado */
}

.modal-body p[b-r97ncw5ic3] {
    margin: 0.5rem 0;                         /* Margen vertical (8px) */
}

.req-numero[b-r97ncw5ic3] {
    font-weight: bold;                        /* Negritas */
    padding: 0.375rem;                        /* Padding (6px) */
    margin: 0.5rem auto;                      /* Margen centrado (8px) */
    max-width: 18.75rem;                      /* Ancho maximo (300px) */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-r97ncw5ic3] {
    padding: 0.94rem;                         /* Padding (15px) */
    border-top: 0px solid #FFFFFF;            /* Divisor blanco estandar */
    display: flex;                            /* Flexbox */
    justify-content: center;                  /* Alineado cenrado */
    gap: 0.94rem;                             /* Espacio entre botones (15px) */
    background-color: inherit;                /* Hereda color del modal */
}

/* ===== BOTONES ===== */
.btn-confirmar[b-r97ncw5ic3] {
    background-color: var(--color-home);      /* Verde */
    color: white;
}

.btn-cancelar[b-r97ncw5ic3] {
    background-color: #D0D0D0;                /* Gris claro */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .modal-content[b-r97ncw5ic3] {
        width: 95%;                           /* Ancho casi completo */
    }
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalPlazo.razor.rz.scp.css */
/*
   ModalPlazo.razor.css
   Modal para modificar el plazo de entrega de un requerimiento.
*/

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-cvr5bp02ih] {
    position: fixed;                          /* Posición fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-cvr5bp02ih] {
    background-color: #FFFFFF;                /* Blanco */
    border: 1px solid #FFFFFF;                /* Borde blanco estandar */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra estandar */
    width: 90%;                               /* Ancho 90% */
    max-width: 31.25rem;                      /* Máximo (500px) */
    max-height: 90vh;                         /* Máximo 90% viewport */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
}

.modal-plazo[b-cvr5bp02ih] {
    background-color: #FFFFFF;                /* Blanco */
}

/* ===== MODAL HEADER ===== */
.modal-header[b-cvr5bp02ih] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-bottom: 0px solid #808080;         /* Sin divisor */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    background-color: inherit;                /* Hereda fondo */
}

.modal-header h3[b-cvr5bp02ih] {
    margin: 0;                                /* Sin margen */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
}

/* ===== MODAL BODY ===== */
.modal-body[b-cvr5bp02ih] {
    padding: 0.94rem;                         /* Padding (15px) */
    overflow-y: auto;                         /* Scroll vertical */
    flex: 1;                                  /* Ocupa espacio */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

.modal-body p[b-cvr5bp02ih] {
    margin: 0.375rem 0;                       /* Margen (6px) */
}

/* ===== ADVERTENCIA ===== */
.advertencia[b-cvr5bp02ih] {
    background-color: #CC0000;                /* Rojo */
    color: #FFFFFF;                           /* Blanco */
    padding: 0.75rem;                         /* Padding (12px) */
    margin-bottom: 0.94rem;                   /* Margen inferior (15px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    line-height: 1.4;                         /* Altura de línea */
}

.advertencia strong[b-cvr5bp02ih] {
    font-weight: bold;                        /* Negritas */
    display: block;                           /* Bloque */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
}

/* ===== INSTRUCCION ===== */
.instruccion[b-cvr5bp02ih] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: bold;                        /* Negritas */
    color: #CC0000;                           /* Rojo */
    margin: 0.94rem 0 0.625rem 0;             /* Margen (15px 0 10px 0) */
}

/* ===== OPCIONES ===== */
.opcion-container[b-cvr5bp02ih] {
    margin-bottom: 1.25rem;                   /* Margen inferior (20px) */
}

.opcion-header[b-cvr5bp02ih] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.625rem;                            /* Gap (10px) */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
}

.radio-label[b-cvr5bp02ih] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.375rem;                            /* Gap (6px) */
    cursor: pointer;                          /* Cursor pointer */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.radio-label input[type="radio"][b-cvr5bp02ih] {
    cursor: pointer;                          /* Cursor pointer */
}

.radio-text[b-cvr5bp02ih] {
    font-weight: bold;                        /* Negritas */
    min-width: 7.5rem;                        /* Mínimo (120px) */
}

.input-fecha[b-cvr5bp02ih] {
    padding: 0.25rem 0.375rem;                /* Padding (4px 6px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    background-color: #FFFFFF;                /* Blanco */
}

.input-dias[b-cvr5bp02ih] {
    width: 3.75rem;                           /* Ancho (60px) */
    padding: 0.25rem 0.375rem;                /* Padding (4px 6px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    background-color: #FFFFFF;                /* Blanco */
    text-align: right;                        /* Alineado derecha */
}

.label-dias[b-cvr5bp02ih] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #000000;                           /* Negro */
}

.opcion-descripcion[b-cvr5bp02ih] {
    margin-left: 1.25rem;                     /* Margen izquierdo (20px) */
    padding-left: 0.625rem;                   /* Padding izquierdo (10px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #696969;                           /* Gris (DimGray) */
    line-height: 1.3;                         /* Altura de línea */
}

/* ===== ERROR MESSAGE ===== */
.error-message[b-cvr5bp02ih] {
    margin-top: 0.625rem;                     /* Margen superior (10px) */
    padding: 0.5rem;                          /* Padding (8px) */
    background-color: #FFDDDD;                /* Rosa claro */
    border: 1px solid #CC0000;                /* Borde rojo */
    border-radius: 0;                         /* Sin bordes redondeados */
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-cvr5bp02ih] {
    padding: 0.94rem;                         /* Padding (15px) */
    border-top: 1px solid #D0D0D0;            /* Divisor estandar Gris claro */
    display: flex;                            /* Flexbox */
    justify-content: flex-end;                /* Alineado derecha (como los demás modales) */
    gap: 0.5rem;                              /* Gap (8px) */
    background-color: inherit;                /* Hereda fondo */
}

/* ===== BOTONES ===== */
/* Usa .boton de app.css - aquí solo colores */

.btn-cancelar-modal[b-cvr5bp02ih] {
    background-color: #D0D0D0;                /* Gris claro */
}

.btn-confirmar-modal[b-cvr5bp02ih] {
    background-color: #CC0000;                /* Verde claro */
    color: white;
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalRechazar.razor.rz.scp.css */
/*
   ModalRechazar.razor.css
   Modal para rechazar un requerimiento.
*/

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-yc4kwo0fgy] {
    position: fixed;                          /* Posición fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-yc4kwo0fgy] {
    border: 1px solid #FFFFFF;                /* Borde blanco */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra */
    width: 90%;                               /* Ancho 90% */
    max-width: 31.25rem;                      /* Máximo (500px) */
    max-height: 90vh;                         /* Máximo 90% viewport */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    background-color: #FF7C80;                /* Rosa salmón */
}

/* ===== MODAL HEADER ===== */
.modal-header[b-yc4kwo0fgy] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-bottom: 0px solid #808080;         /* Borde inferior gris */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    background-color: inherit;                /* Hereda fondo */
}

.modal-header h3[b-yc4kwo0fgy] {
    margin: 0;                                /* Sin margen */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
}

/* ===== MODAL BODY ===== */
.modal-body[b-yc4kwo0fgy] {
    padding: 0.94rem;                         /* Padding (15px) */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #000000;                           /* Negro */
    overflow-y: auto;                         /* Scroll si es necesario */
    flex: 1;                                  /* Ocupa espacio disponible */
}

.modal-body p[b-yc4kwo0fgy] {
    margin: 0.375rem 0;                       /* Margen entre párrafos (6px) */
}

/* ===== FORM GROUP ===== */
.form-group[b-yc4kwo0fgy] {
    margin: 0.75rem 0;                        /* Margen (12px) */
}

.form-group label[b-yc4kwo0fgy] {
    display: block;                           /* Bloque */
    margin-bottom: 0.25rem;                   /* Margen inferior (4px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.form-control[b-yc4kwo0fgy] {
    width: 100%;                              /* Ancho completo */
    margin-top: 0.625rem;                     /* Margen superior (10px) */
    padding: 0.25rem 0.375rem;                /* Padding (4px 6px) */
    border: 1px solid #808080;                /* Borde gris */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    box-sizing: border-box;                   /* Box sizing */
    background-color: #FFFFFF;                /* Blanco */
}

.form-control:focus[b-yc4kwo0fgy] {
    box-shadow: none;                         /* Sin sombra Bootstrap */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-yc4kwo0fgy] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-top: 0px solid #FFFFFF;            /* Borde superior gris */
    display: flex;                            /* Flexbox */
    justify-content: flex-end;                /* Alineado derecha */
    background-color: inherit;                /* Hereda fondo */
}

/* ===== BOTONES ===== */
.btn-cancelar-modal[b-yc4kwo0fgy] {
    background-color: #D0D0D0;                /* Gris claro */
}

.btn-confirmar-modal[b-yc4kwo0fgy] {
    background-color: #8B0000;                /* Rojo oscuro (DarkRed) */
    color: #FFFFFF;                           /* Blanco */
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalRecurre.razor.rz.scp.css */
/*
   ModalRecurre.razor.css
   Modal para configurar recurrencia de requerimientos.
*/

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-ch2jluagz6] {
    position: fixed;                          /* Posición fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-ch2jluagz6] {
    background-color: #FFFFFF;                /* Blanco */
    border: 1px solid #FFFFFF;                /* Borde blanco estandar */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra estandar */
    width: 90%;                               /* Ancho 90% */
    max-width: 37.5rem;                       /* Máximo (600px) */
    max-height: 90vh;                         /* Máximo 90% viewport */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
}

.modal-recurre[b-ch2jluagz6] {
    background-color: #FFFFFF;                /* Blanco */
}

/* ===== MODAL HEADER ===== */
.modal-header[b-ch2jluagz6] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-bottom: 0px solid #808080;         /* Sin divisor */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    background-color: inherit;                /* Hereda fondo */
}

.modal-header h3[b-ch2jluagz6] {
    margin: 0;                                /* Sin margen */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
}

/* ===== MODAL BODY ===== */
.modal-body[b-ch2jluagz6] {
    padding: 0.94rem;                         /* Padding (15px) */
    overflow-y: auto;                         /* Scroll vertical */
    flex: 1;                                  /* Ocupa espacio */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* ===== SECCIONES ===== */
.seccion[b-ch2jluagz6] {
    margin-bottom: 0.94rem;                   /* Margen inferior (15px) */
}

.seccion-titulo[b-ch2jluagz6] {
    margin: 0 0 0.5rem 0;                     /* Margen inferior (8px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    font-weight: bold;                        /* Negritas */
    color: #008B8B;                           /* Cian oscuro (DarkCyan) */
}

.seccion-contenido[b-ch2jluagz6] {
    border: 1px solid #DCF0DC;                /* Borde verde claro */
    padding: 0.625rem;                        /* Padding (10px) */
    background-color: #FFFFFF;                /* Blanco */
}

/* ===== FRECUENCIA ===== */
.frecuencia-selector[b-ch2jluagz6] {
    display: flex;                            /* Flexbox */
    gap: 0.625rem;                            /* Gap (10px) */
}

.frecuencia-opciones[b-ch2jluagz6] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    gap: 0.5rem;                              /* Gap (8px) */
    min-width: 5.625rem;                      /* Mínimo (90px) */
    padding-right: 0.625rem;                  /* Padding derecho (10px) */
    border-right: 1px solid #DCF0DC;          /* Borde derecho verde claro */
}

.frecuencia-detalle[b-ch2jluagz6] {
    flex: 1;                                  /* Ocupa espacio */
    padding-left: 0.625rem;                   /* Padding izquierdo (10px) */
}

.panel-frecuencia[b-ch2jluagz6] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    gap: 0.625rem;                            /* Gap (10px) */
}

.row-input[b-ch2jluagz6] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.375rem;                            /* Gap (6px) */
}

/* ===== DÍAS DE LA SEMANA ===== */
.dias-semana[b-ch2jluagz6] {
    display: flex;                            /* Flexbox */
    gap: 0.5rem;                              /* Gap (8px) */
    flex-wrap: wrap;                          /* Wrap */
    margin-top: 0.5rem;                       /* Margen superior (8px) */
}

.checkbox-label[b-ch2jluagz6] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.25rem;                             /* Gap (4px) */
    cursor: pointer;                          /* Cursor pointer */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.checkbox-label input[type="checkbox"][b-ch2jluagz6] {
    cursor: pointer;                          /* Cursor pointer */
}

/* ===== OPCIONES MENSUAL/ANUAL ===== */
.opcion-mensual[b-ch2jluagz6],
.opcion-anual[b-ch2jluagz6] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.375rem;                            /* Gap (6px) */
    margin-bottom: 0.625rem;                  /* Margen inferior (10px) */
    flex-wrap: wrap;                          /* Wrap */
}

/* ===== RANGO ===== */
.rango-opciones[b-ch2jluagz6] {
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    gap: 0.625rem;                            /* Gap (10px) */
}

.rango-opcion[b-ch2jluagz6] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.375rem;                            /* Gap (6px) */
}

/* ===== RADIO LABELS ===== */
.radio-label[b-ch2jluagz6] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.375rem;                            /* Gap (6px) */
    cursor: pointer;                          /* Cursor pointer */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.radio-label input[type="radio"][b-ch2jluagz6] {
    cursor: pointer;                          /* Cursor pointer */
}

.radio-label-inline[b-ch2jluagz6] {
    display: inline-flex;                     /* Inline flex */
    align-items: center;                      /* Centrado vertical */
    gap: 0.375rem;                            /* Gap (6px) */
    cursor: pointer;                          /* Cursor pointer */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.radio-label-inline input[type="radio"][b-ch2jluagz6] {
    cursor: pointer;                          /* Cursor pointer */
}

/* ===== INPUTS ===== */
.input-num[b-ch2jluagz6] {
    width: 3.125rem;                          /* Ancho (50px) */
    padding: 0.125rem 0.25rem;                /* Padding (2px 4px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    background-color: #FFFFFF;                /* Blanco */
    text-align: right;                        /* Alineado derecha */
}

.input-fecha[b-ch2jluagz6] {
    padding: 0.125rem 0.25rem;                /* Padding (2px 4px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    background-color: #FFFFFF;                /* Blanco */
}

/* ===== SELECTS ===== */
.select-sm[b-ch2jluagz6] {
    width: 3.125rem;                          /* Ancho (50px) */
    padding: 0.125rem;                        /* Padding (2px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    background-color: #FFFFFF;                /* Blanco */
}

.select-md[b-ch2jluagz6] {
    width: 5.625rem;                          /* Ancho (90px) */
    padding: 0.125rem;                        /* Padding (2px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    background-color: #FFFFFF;                /* Blanco */
}

.select-lg[b-ch2jluagz6] {
    width: 7.5rem;                            /* Ancho (120px) */
    padding: 0.125rem;                        /* Padding (2px) */
    border: 1px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    background-color: #FFFFFF;                /* Blanco */
}

/* ===== ERROR MESSAGE ===== */
.error-message[b-ch2jluagz6] {
    margin-top: 0.625rem;                     /* Margen superior (10px) */
    padding: 0.5rem;                          /* Padding (8px) */
    background-color: #FFDDDD;                /* Rosa claro */
    border: 1px solid #CC0000;                /* Borde rojo */
    border-radius: 0;                         /* Sin bordes redondeados */
    color: #CC0000;                           /* Rojo */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-ch2jluagz6] {
    padding: 0.94rem;                         /* Padding (15px) */
    border-top: 0px solid #D0D0D0;            /* Divisor estandar Gris claro */
    display: flex;                            /* Flexbox */
    justify-content: flex-end;                /* Alineado derecha (como los demás modales) */
    gap: 0.5rem;                              /* Gap (8px) */
    background-color: inherit;                /* Hereda fondo */
    flex-wrap: wrap;                          /* Wrap */
}

/* ===== BOTONES ===== */
/* Usa .boton de app.css - aquí solo colores */

.btn-cancelar-modal[b-ch2jluagz6] {
    background-color: #D0D0D0;                /* Gris claro */
}

.btn-confirmar-modal[b-ch2jluagz6] {
    background-color: #90D090;                /* Verde claro */
}

.btn-borrar-modal[b-ch2jluagz6] {
    background-color: #FF8080;                /* Rojo claro */
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalTerminado.razor.rz.scp.css */
/*
   ModalTerminado.razor.css
   Modal para marcar un requerimiento como terminado.
*/

/* ===== MODAL OVERLAY ===== */
.modal-overlay[b-25zd7cpu7b] {
    position: fixed;                          /* Posición fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.4);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    justify-content: center;                  /* Centrado horizontal */
}

/* ===== MODAL CONTENT ===== */
.modal-content[b-25zd7cpu7b] {
    border: 1px solid #FFFFFF;                /* Borde blanco estandar */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5); /* Sombra estandar */
    width: 90%;                               /* Ancho 90% */
    max-width: 31.25rem;                      /* Máximo (500px) */
    display: flex;                            /* Flexbox */
    flex-direction: column;                   /* Dirección columna */
    background-color: #90EE90;                /* Verde claro (LightGreen) */
}

.modal-large[b-25zd7cpu7b] {
    max-width: 43.75rem;                      /* Máximo (700px) */
}

/* ===== MODAL HEADER ===== */
.modal-header[b-25zd7cpu7b] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-bottom: 0px solid #808080;         /* Sin divisor */
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: center;                      /* Centrado vertical */
    background-color: inherit;                /* Hereda fondo */
}

.modal-header h3[b-25zd7cpu7b] {
    margin: 0;                                /* Sin margen */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    font-weight: bold;                        /* Negritas */
    color: #000000;                           /* Negro */
}

/* ===== MODAL BODY ===== */
.modal-body[b-25zd7cpu7b] {
    padding: 0.94rem;                         /* Padding (15px) */
    overflow-y: auto;                         /* Scroll vertical */
    flex: 1;                                  /* Ocupa espacio */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #000000;                           /* Negro */
    line-height: 1.1;                         /* Altura de línea compacta */
}

.modal-body p[b-25zd7cpu7b] {
    margin: 0.125rem 0;                       /* Margen (2px) */
}

/* ===== FORM GROUP ===== */
.form-group[b-25zd7cpu7b] {
    margin: 0.75rem 0;                        /* Margen (12px) */
}

.form-group label[b-25zd7cpu7b] {
    display: block;                           /* Bloque */
    margin-bottom: 0.25rem;                   /* Margen inferior (4px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.form-control[b-25zd7cpu7b] {
    width: 100%;                              /* Ancho completo */
    margin-top: 0.625rem;                     /* Margen superior (10px) */
    padding: 0.25rem 0.375rem;                /* Padding (4px 6px) */
    border: 1px solid #808080;                /* Borde gris */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    box-sizing: border-box;                   /* Box sizing */
    background-color: #FFFFFF;                /* Blanco */
}

/* Eliminar el resplandor azul/morado de Bootstrap al hacer focus */
.form-control:focus[b-25zd7cpu7b] {
    box-shadow: none !important;              /* Sin sombra Bootstrap */
}

textarea.form-control[b-25zd7cpu7b] {
    resize: vertical;                         /* Solo redimensiona vertical */
    min-height: 5rem;                         /* Altura mínima (80px) */
}

/* ===== MODAL FOOTER ===== */
.modal-footer[b-25zd7cpu7b] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-top: 0px solid #FFFFFF;            /* Divisor blanco estandar */
    display: flex;                            /* Flexbox */
    justify-content: flex-end;                /* Alineado derecha */
    background-color: inherit;                /* Hereda fondo */
}

/* ===== BOTONES ===== */
.btn-anexar-modal[b-25zd7cpu7b] {
    background-color: #E0E0FF;                /* Lavanda claro */
}

.btn-cancelar-modal[b-25zd7cpu7b] {
    background-color: #D0D0D0;                /* Gris claro */
}

.btn-confirmar-modal[b-25zd7cpu7b] {
    background-color: var(--color-home);      /* Verde del módulo Home */
    color: #FFFFFF;                           /* Blanco */
}

/* ===== ARCHIVOS ANEXADOS ===== */
.archivos-anexados-lista[b-25zd7cpu7b] {
    border: 1px solid #808080;                /* Borde gris */
    padding: 0.5rem;                          /* Padding (8px) */
    background-color: #FFFFFF;                /* Blanco */
    max-height: 7.5rem;                       /* Máximo (120px) */
    overflow-y: auto;                         /* Scroll vertical */
}

.archivo-anexado-item[b-25zd7cpu7b] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.375rem;                            /* Gap (6px) */
    padding: 0.25rem;                         /* Padding (4px) */
    border-bottom: 1px solid #E0E0E0;         /* Borde inferior gris claro */
    background-color: #F9F9F9;                /* Gris muy claro */
}

.archivo-anexado-item:last-child[b-25zd7cpu7b] {
    border-bottom: none;                      /* Sin borde en último */
}

.archivo-anexado-item .archivo-nombre[b-25zd7cpu7b] {
    flex: 1;                                  /* Ocupa espacio */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #228B22;                           /* Verde (ForestGreen) */
    font-weight: normal;                      /* Sin negritas */
    word-break: break-all;                    /* Corta palabras largas */
}

.archivo-anexado-item .archivo-tamano[b-25zd7cpu7b] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #666666;                           /* Gris */
    white-space: nowrap;                      /* Sin salto de línea */
}

/* ===== TEXTO DE AYUDA PEQUEÑO ===== */
.texto-ayuda-pequeño[b-25zd7cpu7b] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    color: #666666;                           /* Gris */
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalUsuarioABC.razor.rz.scp.css */
/* ============================================================
   MODAL USUARIO ABC - Alta/Edicion de Usuario

   Dos layouts:
   - POPUP: usa .para-popup-* como prefijo
   - INLINE (UtiDatos): usa .para-inline-* como prefijo
   ============================================================ */

/* ============================================================
   SECCION 1: POPUP
   ============================================================ */

.para-popup-overlay[b-3s49lbj8ot] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.para-popup-content[b-3s49lbj8ot] {
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5);
    width: 90%;
    max-width: 28rem;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    background-color: #696969;
    overflow: hidden;
}

.para-popup-header[b-3s49lbj8ot] {
    padding: 0.625rem 0.94rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.para-popup-header h3[b-3s49lbj8ot] {
    margin: 0;
    font-size: var(--texto-11pt);
    font-weight: bold;
    color: #FFFFFF;
}

.para-popup-header .boton-x[b-3s49lbj8ot] {
    color: #FFFFFF;
}

.para-popup-header .boton-x:hover[b-3s49lbj8ot] {
    color: #FFFFFF;
    opacity: 0.7;
}

.para-popup-body[b-3s49lbj8ot] {
    padding: 1rem 1.25rem;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.para-popup-footer[b-3s49lbj8ot] {
    padding: 0.94rem;
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.para-popup-footer .boton:first-of-type[b-3s49lbj8ot] {
    background-color: #808080;
    color: #FFFFFF;
}

.para-popup-footer .boton:first-of-type:hover[b-3s49lbj8ot] {
    background-color: #666666;
}

.para-popup-footer .boton:last-of-type[b-3s49lbj8ot] {
    background-color: #4CAF50;
    color: #FFFFFF;
}

.para-popup-footer .boton:last-of-type:hover[b-3s49lbj8ot] {
    background-color: #45A049;
}

.para-popup-grupo[b-3s49lbj8ot] {
    margin-bottom: 0.75rem;
}

.para-popup-grupo label[b-3s49lbj8ot] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: var(--texto-9pt);
    color: #FFFFFF;
}

.para-popup-input[b-3s49lbj8ot],
.para-popup-select[b-3s49lbj8ot],
.para-popup-input-small[b-3s49lbj8ot],
.para-popup-select-fecha[b-3s49lbj8ot] {
    padding: 0.5rem;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    font-size: var(--texto-9pt);
    box-sizing: border-box;
}

.para-popup-input[b-3s49lbj8ot],
.para-popup-select[b-3s49lbj8ot] {
    width: 100%;
}

.para-popup-input-small[b-3s49lbj8ot] {
    width: 6rem;
}

.para-popup-select-fecha[b-3s49lbj8ot] {
    width: auto;
}

.para-popup-input:disabled[b-3s49lbj8ot],
.para-popup-select:disabled[b-3s49lbj8ot],
.para-popup-input-small:disabled[b-3s49lbj8ot],
.para-popup-select-fecha:disabled[b-3s49lbj8ot] {
    background-color: #E0E0E0;
    color: #666666;
}

.para-popup-row-2col[b-3s49lbj8ot] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.para-popup-checkbox[b-3s49lbj8ot] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
}

.para-popup-checkbox input[type="checkbox"][b-3s49lbj8ot] {
    width: 1.1rem;
    height: 1.1rem;
}

.para-popup-checkbox span[b-3s49lbj8ot] {
    font-size: var(--texto-9pt);
    color: #FFFFFF;
}

.para-popup-radio-container[b-3s49lbj8ot] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.para-popup-radio-label[b-3s49lbj8ot] {
    font-weight: normal;
    font-size: var(--texto-9pt);
    color: #FFFFFF;
    cursor: pointer;
}

.para-popup-fecha[b-3s49lbj8ot] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.para-popup-datos-adicionales[b-3s49lbj8ot] {
    margin-top: 0.5rem;
}

.para-popup-nota[b-3s49lbj8ot] {
    font-size: var(--texto-8pt);
    color: #FFCC00;
    display: block;
    margin-top: 0.25rem;
}

.para-popup-error[b-3s49lbj8ot] {
    color: #FF6666;
    font-size: var(--texto-8pt);
    display: block;
    margin-top: 0.25rem;
}

/* Contenedor de errores POPUP - arriba del footer */
.para-popup-errores[b-3s49lbj8ot] {
    margin: 0.5rem 0;
}

/* Solo mostrar estilos cuando hay errores visibles */
.para-popup-errores:has(li)[b-3s49lbj8ot],
.para-popup-errores:has(div)[b-3s49lbj8ot] {
    background-color: #FFCCCC;
    border: 1px solid #FF6666;
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
    color: #000000;
    font-size: var(--texto-9pt);
    text-align: left;
}

.para-popup-errores ul[b-3s49lbj8ot] {
    margin: 0;
    padding-left: 1.25rem;
}

.para-popup-errores li[b-3s49lbj8ot] {
    margin: 0;
}

.para-popup-errores > div[b-3s49lbj8ot] {
    margin: 0;
}


/* --- Responsive POPUP --- */
@media (max-width: 480px) {
    .para-popup-row-2col[b-3s49lbj8ot] {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   SECCION 2: INLINE (UtiDatos)
   ============================================================ */

.para-inline-panel[b-3s49lbj8ot] {
    margin: 1.25rem auto;
    max-width: 100%;
    padding: 0 1rem;
}

.para-inline-titulo[b-3s49lbj8ot] {
    font-size: var(--texto-12pt);
    font-weight: bold;
    color: var(--color-tools);
    border-bottom: 2px solid var(--color-tools);
    padding-bottom: 0.25rem;
    margin: 1rem 0 0.75rem 0;
}

.para-inline-row[b-3s49lbj8ot] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
    align-items: flex-start;
    gap: 0.5rem;
}

.para-inline-label[b-3s49lbj8ot] {
    min-width: 10rem;
    max-width: 10rem;
    text-align: right;
    padding-right: 0.5rem;
    font-size: var(--texto-10pt);
    color: #000000;
    flex-shrink: 0;
}

.para-inline-input-container[b-3s49lbj8ot] {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.para-inline-input[b-3s49lbj8ot],
.para-inline-select[b-3s49lbj8ot] {
    width: 100%;
    max-width: 28rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #808080;
    font-size: var(--texto-10pt);
    box-sizing: border-box;
}

.para-inline-input-wide[b-3s49lbj8ot] {
    width: 100%;
    max-width: 28rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #808080;
    font-size: var(--texto-10pt);
    box-sizing: border-box;
}

.para-inline-input-small[b-3s49lbj8ot] {
    width: 5rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #808080;
    font-size: var(--texto-10pt);
    box-sizing: border-box;
}

.para-inline-select-fecha[b-3s49lbj8ot] {
    padding: 0.25rem;
    border: 1px solid #808080;
    font-size: var(--texto-10pt);
}

.para-inline-fecha[b-3s49lbj8ot] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.para-inline-checkbox[b-3s49lbj8ot] {
    font-size: var(--texto-10pt);
    color: #000000;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.para-inline-radio-container[b-3s49lbj8ot] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.para-inline-radio-label[b-3s49lbj8ot] {
    font-weight: normal;
    font-size: var(--texto-10pt);
    color: #000000;
    cursor: pointer;
}

.para-inline-hint[b-3s49lbj8ot] {
    font-size: var(--texto-8pt);
    color: #666666;
    margin-top: 0.25rem;
}

.para-inline-hint a[b-3s49lbj8ot] {
    color: #0000EE;
    text-decoration: underline;
}

.para-inline-asterisk[b-3s49lbj8ot] {
    color: #FF0000;
    font-weight: bold;
    margin-left: 0.25rem;
    font-size: var(--texto-10pt);
}

.para-inline-boton-row[b-3s49lbj8ot] {
    margin-top: 1rem;
}

.para-inline-boton[b-3s49lbj8ot] {
    background-color: var(--color-tools);
    color: #FFFFFF;
    padding: 0.5rem 2rem;
    border: none;
    cursor: pointer;
    font-size: var(--texto-10pt);
}

.para-inline-boton:hover[b-3s49lbj8ot] {
    background-color: #505050;
}

/* Contenedor de errores INLINE - letra roja sin fondo */
.para-inline-errores[b-3s49lbj8ot] {
    margin: 0.75rem 0;
    margin-left: 10.5rem;
    color: #FF0000;
    font-weight: bold;
    font-size: var(--texto-10pt);
}

.para-inline-errores ul[b-3s49lbj8ot] {
    margin: 0;
    padding-left: 1.25rem;
}

.para-inline-errores li[b-3s49lbj8ot] {
    margin: 0;
}

.para-inline-errores > div[b-3s49lbj8ot] {
    margin: 0;
}

/* --- Responsive INLINE --- */
@media (max-width: 768px) {
    .para-inline-row[b-3s49lbj8ot] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.25rem;
    }

    .para-inline-label[b-3s49lbj8ot] {
        min-width: 100%;
        max-width: 100%;
        text-align: left;
        padding-right: 0;
        font-weight: bold;
    }

    .para-inline-input-container[b-3s49lbj8ot] {
        width: 100%;
    }

    .para-inline-input-wide[b-3s49lbj8ot] {
        max-width: 100%;
        width: 100%;
    }

    .para-inline-input-small[b-3s49lbj8ot] {
        width: 6rem;
    }

    .para-inline-select-fecha[b-3s49lbj8ot] {
        flex: 1;
        min-width: 4rem;
    }
}
/* _content/SiREI_2026/Components/Pages/Modulos/ModalUsuarioOnOff.razor.rz.scp.css */
/* ============================================================
   MODAL USUARIO ON/OFF - Desactivar/Activar/Baja/Reactivar/Eliminar
   ============================================================ */

.modal-overlay[b-cfttuf2q55] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content[b-cfttuf2q55] {
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.5);
    width: 90%;
    max-width: 25rem;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.modal-header[b-cfttuf2q55] {
    padding: 0.625rem 0.94rem;
    border-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: inherit;
}

.modal-header h3[b-cfttuf2q55] {
    margin: 0;
    font-size: var(--texto-11pt);
    font-weight: bold;
    color: #FFFFFF;
}

.boton-x[b-cfttuf2q55] {
    background: none;
    border: none;
    color: #FFFFFF;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.boton-x:hover[b-cfttuf2q55] {
    opacity: 0.7;
}

.modal-body[b-cfttuf2q55] {
    padding: 1.5rem 1.25rem;
    overflow-y: auto;
    flex: 1;
    font-size: var(--texto-10pt);
    text-align: center;
    color: #FFFFFF;
}

.modal-body p[b-cfttuf2q55] {
    margin: 0 0 1rem 0;
    line-height: 1.5;
}

.modal-footer[b-cfttuf2q55] {
    padding: 0.94rem;
    border-top: 0px;
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    background-color: inherit;
    flex-wrap: wrap;
}

/* ============================================================
   VARIANTES DE MODAL
   ============================================================ */

/* Gris - acciones reversibles (desactivar, activar) */
.modal-desactivar[b-cfttuf2q55] {
    background-color: #696969;
}

/* Naranja oscuro - baja lógica */
.modal-baja[b-cfttuf2q55] {
    background-color: #8B4513;
}

/* Rojo oscuro - eliminar */
.modal-eliminar[b-cfttuf2q55] {
    background-color: #8B0000;
}

/* ============================================================
   ALERTAS
   ============================================================ */

.alerta-movimientos[b-cfttuf2q55] {
    background-color: #FFCCCC;
    border: 1px solid #FF6666;
    border-radius: 4px;
    padding: 0.75rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: var(--texto-9pt);
    color: #000000;
    text-align: left;
    margin-bottom: 1rem;
}

.alerta-icono[b-cfttuf2q55] {
    color: #8B0000;
    font-size: 1.2rem;
}

/* ============================================================
   BOTONES
   ============================================================ */

.btn-cancelar-modal[b-cfttuf2q55] {
    background-color: #808080;
    color: #FFFFFF;
}

.btn-cancelar-modal:hover[b-cfttuf2q55] {
    background-color: #666666;
}

.btn-confirmar-desactivar[b-cfttuf2q55] {
    background-color: #FF6666;
    color: #000000;
}

.btn-confirmar-desactivar:hover[b-cfttuf2q55] {
    background-color: #FF4444;
}

.btn-confirmar-activar[b-cfttuf2q55] {
    background-color: #4CAF50;
    color: #FFFFFF;
}

.btn-confirmar-activar:hover[b-cfttuf2q55] {
    background-color: #45A049;
}

.btn-confirmar-eliminar[b-cfttuf2q55] {
    background-color: #FF4444;
    color: #FFFFFF;
}

.btn-confirmar-eliminar:hover[b-cfttuf2q55] {
    background-color: #FF2222;
}

.btn-cancelar-modal:disabled[b-cfttuf2q55],
.btn-confirmar-desactivar:disabled[b-cfttuf2q55],
.btn-confirmar-activar:disabled[b-cfttuf2q55],
.btn-confirmar-eliminar:disabled[b-cfttuf2q55] {
    opacity: 0.6;
    cursor: not-allowed;
}
/* _content/SiREI_2026/gadgets/SiREIgauge.razor.rz.scp.css */
/*
   SiREIgauge.razor.css
   Componente de gauge (medidor) tipo velocímetro para dashboards.
*/

/* ===== CONTENEDOR EXTERNO ===== */
.gauge-external-wrapper[b-s77vbjgfyz] {
    margin: auto;                             /* Centrado automático */
    text-align: center;                       /* Texto centrado */
    display: inline-block;                    /* Inline block */
}

/* ===== TÍTULO DEL GAUGE ===== */
.gauge-title[b-s77vbjgfyz] {
    display: block;                           /* Bloque */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
    font-size: var(--texto-11pt);             /* Tamaño 11pt */
    color: #444444;                           /* Gris oscuro */
}

/* ===== SVG ===== */
.gauge-svg[b-s77vbjgfyz] {
    width: 100%;                              /* Ancho completo */
    display: block;                           /* Bloque */
}

/* ===== ARCOS ===== */
/* Estilo común para los dos arcos (fondo y valor) */
.gauge-path-base[b-s77vbjgfyz] {
    fill: none;                               /* Sin relleno */
    stroke-width: 12;                         /* Grosor de trazo SVG */
    stroke-linecap: round;                    /* Extremos redondeados */
}

/* Solo para el arco gris de fondo */
.gauge-track[b-s77vbjgfyz] {
    stroke: #E0E0E0;                          /* Gris claro */
}

/* Solo para el arco que se anima */
.gauge-bar[b-s77vbjgfyz] {
    transition: stroke-dasharray 1s ease-out, stroke 0.6s ease; /* Animación suave */
}

/* ===== TEXTO CENTRAL ===== */
.gauge-value-text[b-s77vbjgfyz] {
    text-anchor: middle;                      /* Anclaje centrado */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-10pt);             /* Tamaño 10pt (~14px) */
    fill: #333333;                            /* Gris oscuro */
}