/* _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
*/

/* Mensaje temporal mientras se verifican credenciales */
.mensaje-verificando[b-jbwqdtu8at] {
    padding: var(--spacing-lg);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 641px) {
    /* 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; /* Flex para mantener la estructura interna */
        position: fixed; /* FLOTA sobre el contenido */
        top: 0;
        left: 0;
        width: 206px;
        height: 100dvh;   /* Usar dvh para respetar la barra del navegador m�vil */
        background: white;
        box-shadow: 5px 0 15px rgba(0,0,0,0.3);
        /* Importante: para que funcione el scroll interno del men� en m�vil */
        overflow: hidden; 
        padding-bottom: 50px;
    }
}
/* _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: 0.9rem;                        /* Tamaño mediano */
}

/* ===== 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: 0.85rem;                       /* Tamaño pequeño */
    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: 0.7rem;                        /* Tamaño pequeño */
}

/* 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: 0.75rem;                       /* Tamaño pequeño */
    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;                       /* Tamaño del icono */
    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: 0.875rem;                      /* Tamaño pequeño */
    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: 0.85rem;                       /* Tamaño pequeño */
    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: 0.65rem;                       /* Muy pequeño */
    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-style: normal;                       /* Sin itálica */
}

.topbar-commit_build[b-phjqaj6068] {
    font-size: 0.375rem;                      /* Muy pequeño (6pt aprox) */
    font-style: normal;                       /* Sin itálica */
}
/* _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 ===== */
.login-container[b-1mkaxdmkp6] {
    padding-top: var(--padding-page-top);     /* Padding superior estándar */
    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: center;                  /* Centrado vertical */
    height: 60vh;                             /* 60% de la altura de ventana */
}

/* ===== 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/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 */
}

/* ===== 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 */
}

/* ===== TABLA DE WIDGETS ===== */
.widgets-table[b-7kj3wpfrzc] {
    background-color: transparent;            /* Sin fondo */
    width: 100%;                              /* Ancho completo responsive */
    margin-top: 1rem;                         /* Separación superior */
}

/* ===== COLUMNAS DE GAUGES ===== */
.widget-gauge-col[b-7kj3wpfrzc] {
    width: 5.9375rem;                         /* Ancho fijo (95px) */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== COLUMNAS DE TEXTO ===== */
.widget-texto-col-1[b-7kj3wpfrzc] {
    width: 8.75rem;                           /* Ancho (140px) */
    vertical-align: top;                      /* Alineado arriba */
}

.widget-texto-col-2[b-7kj3wpfrzc],
.widget-texto-col-3[b-7kj3wpfrzc],
.widget-texto-col-4[b-7kj3wpfrzc] {
    width: 7.1875rem;                         /* Ancho (115px) */
    vertical-align: top;                      /* Alineado arriba */
}

.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) */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .widgets-table[b-7kj3wpfrzc] {
        font-size: var(--texto-8pt);          /* Letra más pequeña en celular */
    }

    .widget-gauge-col[b-7kj3wpfrzc] {
        width: auto;                          /* Ancho automático */
    }

    .widget-texto-col-1[b-7kj3wpfrzc],
    .widget-texto-col-2[b-7kj3wpfrzc],
    .widget-texto-col-3[b-7kj3wpfrzc],
    .widget-texto-col-4[b-7kj3wpfrzc] {
        width: auto;                          /* Ancho automático */
    }

    .widget-textos[b-7kj3wpfrzc] {
        font-size: var(--texto-8pt);          /* Letra más pequeña */
        line-height: 1.5;                     /* Interlineado reducido */
    }

    .grafica-container[b-7kj3wpfrzc] {
        height: 15rem;                        /* Altura reducida en celular */
    }
}
/* _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. Tabla de widgets (contenedor general)
   3. Widget 1: Evaluación (Rey)
   4. Widget 2: Esfuerzo y Volumen
   5. Widget 3: Créditos y Faltas
   6. Widget 4: Inconformidades
   7. Tabs de navegación
   8. Gráfica histórica
   9. Utilidades
*/


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

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

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


/* ==========================================================================
   2. TABLA DE WIDGETS (CONTENEDOR GENERAL)
   ========================================================================== */

.widgets-table[b-px3dmp84yb] {
    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;
    vertical-align: top;
}

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

/* --- Icono del Rey (imagen grande clickeable) --- */
.icono-evaluacion[b-px3dmp84yb] {
    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;
}

.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
   ========================================================================== */

/* --- Columna contenedora --- */
.widget-col-2[b-px3dmp84yb] {
    width: 22rem;                                 /* ~352px - espacio para Global/Activos/PerCapita */
    vertical-align: top;
    font-size: var(--texto-10pt);
}

/* --- 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;
    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 */
    vertical-align: top;
    font-size: var(--texto-10pt);
}

/* --- 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;
    vertical-align: top;
    font-size: var(--texto-10pt);
}

/* --- 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] {
    width: 100%;
    height: calc(100vh - 21.8rem);                /* Altura dinámica */
    min-height: 15rem;                            /* 240px mínimo */
    background-color: #F5F5F5;
    border: 1px solid #ddd;
    padding: 0.625rem;                            /* 10px */
}


/* ==========================================================================
   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);
}
/* _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: Barras + Textos Proceso + Pie 1
   ============================================================

   NIVEL 4.1: <div class="panel-col panel-col-barras">
   ├── CLASES APLICADAS: "panel-col" + "panel-col-barras"
   ├── .panel-col (líneas 31-34):
   │   - vertical-align: top
   │   - flex-grow: 1
   ├── .panel-col-barras (líneas 36-42) SOBRESCRIBE:
   │   - min-width: 0         ← Permite encogerse
   │   - max-width: 8rem      ← Límite máximo
   │   - width: 8rem          ← Ancho FIJO
   │   - padding-right: 0.5rem
   │   - flex-grow: 0         ← NO crece (anula el 1 de .panel-col)
   ├── EN CELULAR: NO HAY OVERRIDE para .panel-col-barras
   │   - Hereda width: 8rem de PC
   │   - Hereda max-width: 8rem de PC
   │   - Hereda flex-grow: 0 de PC
   └── PROBLEMA: En celular sigue siendo 8rem fijo

   NIVEL 5.1: <div class="grafica-barras-container">
   ├── Definido en: PanelReq.razor.css (líneas 53-56)
   ├── EN PC:
   │   - width: 90%           ← 90% de 8rem = 7.2rem
   │   - height: 11rem
   ├── EN CELULAR (líneas 354-357):
   │   - width: 200%          ← ¡¡¡ 200% de 8rem = 16rem !!!
   │   - height: 8rem
   └── *** PROBLEMA IDENTIFICADO ***
       El hijo (200% = 16rem) es el DOBLE del padre (8rem).
       Esto causa que el contenido se SALGA del padre y se ENCIME
       con los elementos adyacentes (textos, pies).

   NIVEL 6.1: <canvas> (generado por ChartJS)
   ├── CSS aplicado (líneas 59-62):
   │   - width: 100% !important
   │   - height: 100% !important
   └── OBSERVACIÓN: El canvas llena el .grafica-barras-container

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

   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 (líneas 64-68):
   │   - width: 9rem
   │   - height: 9rem
   │   - position: relative
   ├── EN CELULAR (líneas 364-367):
   │   - width: 6rem
   │   - height: 6rem
   └── OBSERVACIÓN: Pie funciona bien porque padre e hijo están sincronizados

   ============================================================
   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

   ============================================================
   RESUMEN DE PROBLEMAS ENCONTRADOS
   ============================================================

   PROBLEMA 1: Inconsistencia en control de tamaño de barras
   ─────────────────────────────────────────────────────────
   - EN PC: El PADRE (.panel-col-barras) controla el tamaño con width: 8rem
   - EN CELULAR: Se intenta agrandar el HIJO (.grafica-barras-container) con width: 200%
   - RESULTADO: El hijo (16rem) se sale del padre (8rem) y se encima

   PROBLEMA 2: 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

   PROBLEMA 3: Falta de override para .panel-col-barras en celular
   ─────────────────────────────────────────────────────────
   - En PC: .panel-col-barras tiene width: 8rem, max-width: 8rem, flex-grow: 0
   - En celular: NO hay regla que sobrescriba estos valores
   - RESULTADO: El contenedor padre sigue siendo 8rem fijo en celular

   ============================================================
   SOLUCIÓN PROPUESTA
   ============================================================

   Para que las barras sean más gordas en celular SIN encimarse:

   1. En el media query, agregar override para .panel-col-barras:
      .panel-col-barras {
          width: [VALOR DESEADO];      // Ej: 10rem
          max-width: [VALOR DESEADO];  // Mismo valor
      }

   2. Mantener .grafica-barras-container en un valor <= 100%:
      .grafica-barras-container {
          width: 100%;                 // No más de 100%
          height: 8rem;
      }

   3. Unificar breakpoints a 767px o 768px (elegir uno)

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

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

/* ===== 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-barras[b-0k0s18lipg] {
    min-width: 0;                             /* Permite que flex lo encoja */
    max-width: 8rem;                          /* Máximo 128px - no crece más */
    width: 8rem;                              /* Ancho fijo */
    padding-right: 0.5rem;                    /* Separación derecha */
    flex-grow: 0;                             /* NO crece - anula herencia */
}

.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-barras-container[b-0k0s18lipg] {
    width: 90%;                               /* Ancho relativo */
    height: 11rem;                            /* Más alta para PC */
}

/* Forzar que el canvas de ChartJS llene el contenedor */
.grafica-barras-container canvas[b-0k0s18lipg] {
    width: 100% !important;
    height: 100% !important;
}

.grafica-pie-container[b-0k0s18lipg] {
    width: 9rem;                              /* 144px - 10% más grande */
    height: 9rem;                             /* 144px - 10% más grande */
    position: relative;                       /* Para posicionamiento interno */
}

/* ===== 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-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-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) {
    /* Columnas de texto: más compactas y pegadas arriba */
    .columna-textos-proceso[b-0k0s18lipg],
    .columna-textos-terminados[b-0k0s18lipg] {
        min-width: 9.5rem;                    /* Mínimo para que no se comprima */
        width: auto;                          /* Ancho automático */
        padding: 0.5rem;                      /* Padding reducido */
        padding-top: 0;                       /* Pegado arriba */
        margin-top: 0;                        /* Sin margen superior */
        line-height: 1;                       /* Interlineado compacto */
    }

    /* Gráfica de barras: más gorda y menos alta en celular */
    .grafica-barras-container[b-0k0s18lipg] {
        width: 200%;                              /* Ancho relativo */
        height: 8rem;                             /* Altura en celular */
    }

    /* Gráficas de pie */
    .panel-col-pie[b-0k0s18lipg] {
        width: 6rem;                          /* Reducido */
    }

    .grafica-pie-container[b-0k0s18lipg] {
        width: 6rem;                          /* Reducido */
        height: 6rem;                         /* Reducido */
    }

    /* Cuellos de Botella: compacto */
    .panel-col-cdb[b-0k0s18lipg] {
        width: 4rem;                          /* Ancho para contener imagen y texto */
        display: flex;                        /* Flex para apilar */
        flex-direction: column;               /* Apilado vertical */
        align-items: center;                  /* Centrado horizontal */
    }

    .img-cdb[b-0k0s18lipg] {
        width: 2.5rem;                        /* Imagen reducida */
        height: auto;                         /* Mantiene proporción */
    }

    /* Gráfica histórica */
    .grafica-container[b-0k0s18lipg] {
        height: 15rem;                        /* Altura reducida en celular */
    }
}
/* _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-6pt, 0.375rem);    /* Tamaño 6pt con fallback */
    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 */
    width: 100%;                              /* Ancho completo */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== 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-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 */
}

/* ===== VALOR DE DETALLE (solo lectura) ===== */
.valor-detalle[b-sr2oc0lzqi] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    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-6pt, 0.375rem);    /* Tamaño 6pt con fallback */
    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 */
    width: 100%;                              /* Ancho completo */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== 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-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 */
}

/* ===== VALOR DE DETALLE (solo lectura) ===== */
.valor-detalle[b-l2ywvi39be] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    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-6pt, 0.375rem);    /* Tamaño 6pt con fallback */
    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 */
    width: 100%;                              /* Ancho completo */
    vertical-align: top;                      /* Alineado arriba */
}

/* ===== 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-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 */
}

/* ===== VALOR DE DETALLE (solo lectura) ===== */
.valor-detalle[b-iy7j2wk4a4] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    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 */
}

.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-requiere[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 */
}
/* _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.
*/

/* ===== 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 */
    color: #000000;                           /* Negro */
}

.desc-req[b-tlnfjub6ki] {
    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 de BD */
}

/* ===== TIEMPO MÁXIMO DE ENTREGA ===== */
.tme-section[b-tlnfjub6ki] {
    margin-bottom: 0.625rem;                  /* Margen inferior (10px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    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-8pt);              /* Tamaño 8pt */
    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-8pt);              /* Tamaño 8pt */
    font-weight: normal;                      /* Sin negritas */
}

.ddl-prioridad[b-tlnfjub6ki] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    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-requiere[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-8pt);              /* Tamaño 8pt */
    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-9pt);              /* Tamaño 9pt */
}

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

.status-sublabel[b-tlnfjub6ki] {
    font-size: var(--texto-7pt);              /* Tamaño 7pt */
    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-8pt);              /* Tamaño 8pt */
    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 */
}

/* ===== FECHA MAX AUTORIZAR ===== */
.label-fma[b-tlnfjub6ki] {
    color: #990066;                           /* Magenta oscuro */
    font-weight: normal;                      /* Sin negritas */
}

.fecha-fma[b-tlnfjub6ki] {
    color: #990066;                           /* Magenta oscuro */
}

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

.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) */
}

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

.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-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 */
}

.label-negociada[b-tlnfjub6ki] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    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-7pt);              /* Tamaño 7pt */
    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: 0.94rem;                   /* Margen inferior (15px) */
}

/* ===== 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-10pt);             /* Tamaño 10pt */
}

.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.94rem;                      /* Margen superior (15px) */
    margin-bottom: 0.625rem;                  /* Margen inferior (10px) */
}

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

.text-esfuerzo[b-tlnfjub6ki] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    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] {
    display: inline-block;                    /* Bloque inline */
    max-width: calc(100% - 12.5rem);          /* Ancho máximo menos labels (200px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* ===== 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 */
    }
}
/* _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)
*/

/* ===== 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-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 ===== */
.tme-section[b-1j6u4edoe4] {
    margin-bottom: 0.625rem;                  /* Margen inferior (10px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    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 */
    width: 100%;                              /* Ancho completo */
    vertical-align: bottom;                   /* Alineado abajo */
}

.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-8pt);              /* Tamaño 8pt */
    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-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-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-7pt);              /* Tamaño 7pt */
    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 */
}

/* ===== 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-10pt);             /* Tamaño 10pt */
}

.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: 768px) {
    .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 */
    }

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

/* ===== 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) */
}

/* ===== MODALES ===== */
.modal-overlay[b-j7s8fjl9dh] {
    position: fixed;                          /* Posición fija */
    top: 0;                                   /* Arriba */
    left: 0;                                  /* Izquierda */
    right: 0;                                 /* Derecha */
    bottom: 0;                                /* Abajo */
    background-color: rgba(0, 0, 0, 0.5);     /* Fondo semi-transparente */
    display: flex;                            /* Flexbox */
    justify-content: center;                  /* Centrado horizontal */
    align-items: center;                      /* Centrado vertical */
}

.modal-content[b-j7s8fjl9dh] {
    background-color: #FFFFFF;                /* Fondo blanco */
    border: 5px solid #CBCAC6;                /* Borde gris */
    border-radius: 4px;                       /* Bordes redondeados */
    width: 90%;                               /* Ancho 90% */
    max-width: 27.5rem;                       /* Ancho máximo (440px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* Modal con color violeta */
.modal-dependen .modal-body[b-j7s8fjl9dh],
.modal-dependen .req-numero[b-j7s8fjl9dh],
.modal-dependen .req-numero-fijo[b-j7s8fjl9dh] {
    background-color: #CC99FF;                /* Violeta */
}

/* Modal con color amarillo */
.modal-depende .modal-body[b-j7s8fjl9dh],
.modal-depende .req-numero[b-j7s8fjl9dh],
.modal-depende .req-numero-fijo[b-j7s8fjl9dh] {
    background-color: #FFD700;                /* Amarillo */
}

.modal-body[b-j7s8fjl9dh] {
    padding: 1.56rem 1.125rem;                /* Padding (25px 18px) */
    text-align: center;                       /* Centrado */
}

.modal-body p[b-j7s8fjl9dh] {
    margin: 0.5rem 0;                         /* Margen vertical (8px) */
}

.texto-modal-tipo[b-j7s8fjl9dh] {
    font-weight: normal;                      /* Sin negritas */
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
}

.req-numero[b-j7s8fjl9dh],
.req-numero-fijo[b-j7s8fjl9dh] {
    font-weight: bold;                        /* Negritas */
    padding: 0.375rem;                        /* Padding (6px) */
    margin: 0.5rem auto;                      /* Margen centrado (8px) */
    max-width: 18.75rem;                      /* Ancho máximo (300px) */
    border-radius: 4px;                       /* Bordes redondeados */
}

.input-req-modal[b-j7s8fjl9dh] {
    width: 6.25rem;                           /* Ancho (100px) */
    padding: 0.31rem;                         /* Padding (5px) */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-10pt);             /* Tamaño 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 EN MODAL ===== */
.mensaje-error-modal[b-j7s8fjl9dh] {
    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-j7s8fjl9dh] {
    color: #FF0000;                           /* Rojo */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    margin-bottom: 0.5rem;                    /* Margen inferior (8px) */
}

/* ===== VISTA PREVIA DEL REQ EN MODAL ===== */
.vista-previa-req[b-j7s8fjl9dh] {
    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-j7s8fjl9dh] {
    text-align: center;                       /* Centrado */
    color: #666666;                           /* Gris oscuro */
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
}

.req-titulo-preview[b-j7s8fjl9dh] {
    font-weight: bold;                        /* Negritas */
    text-align: center;                       /* Centrado */
    margin: 0.5rem 0;                         /* Margen vertical (8px) */
}

.status-preview[b-j7s8fjl9dh] {
    text-align: center;                       /* Centrado */
    font-weight: bold;                        /* Negritas */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
    color: #666666;                           /* Gris oscuro */
}

.req-info-preview[b-j7s8fjl9dh] {
    text-align: center;                       /* Centrado */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    margin: 0.25rem 0;                        /* Margen vertical (4px) */
}

.modal-footer[b-j7s8fjl9dh] {
    padding: 0.94rem;                         /* Padding (15px) */
    display: flex;                            /* Flexbox */
    justify-content: center;                  /* Centrado horizontal */
    gap: 0.94rem;                             /* Espacio entre botones (15px) */
    background-color: inherit;                /* Hereda color del modal */
}

/* ===== BOTONES DE MODAL ===== */
/* Usa .boton-chico de app.css - aquí solo colores */
.btn-confirmar[b-j7s8fjl9dh] {
    background-color: #90D090;                /* Verde claro */
}

.btn-cancelar[b-j7s8fjl9dh] {
    background-color: #D0D0D0;                /* Gris claro */
}

/* ===== 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) */
    }
}
/* _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.
*/

/* ===== 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: 10rem;                             /* Ancho fijo (160px) */
    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;                   /* Apilado vertical */
    justify-content: flex-start;              /* Alineado arriba */
}

/* ===== 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 */
}
/* _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 */
}
/* _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 */
}

.label-urge-rojo[b-7ipdx6ru9h] {
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #FFFFFF;                           /* Blanco */
    background-color: #FF0000;                /* Rojo */
    font-weight: bold;                        /* Negritas */
    padding: 0.125rem 0.375rem;               /* Padding (2px 6px) */
}

.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] {
    display: grid;                            /* CSS Grid */
    grid-template-columns: repeat(3, 1fr);   /* 3 columnas iguales */
    gap: 0.5rem;                              /* Espacio entre items (8px) */
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
}

.multi-depto-item[b-7ipdx6ru9h] {
    display: flex;                            /* Flexbox */
    align-items: center;                      /* Centrado vertical */
    gap: 0.31rem;                             /* Espacio (5px) */
}

.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 */
}

/* ===== 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 */
}

/* ===== 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) */
}

.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: #D0D0D0;                /* 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] {
        grid-template-columns: repeat(2, 1fr); /* 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 */
    }
}
/* _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 */
}
/* _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).
*/

/* ===== 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: column;                   /* Dirección columna */
    gap: 0.31rem;                             /* Gap (5px) */
}

.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) */
}

/* 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 */
}

/* 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 */
    }

    .tabla-encuesta[b-bpgxart5mv] {
        font-size: var(--texto-9pt);          /* Tamaño reducido */
    }

    .radio-horizontal[b-bpgxart5mv] {
        flex-direction: column;               /* Dirección columna */
        gap: 0.31rem;                         /* Gap (5px) */
    }

    .btn-terminado[b-bpgxart5mv],
    .btn-no-terminado[b-bpgxart5mv] {
        width: 100%;                          /* Ancho completo */
    }

    .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] {
        justify-content: space-between;       /* Distribuye los radios */
        margin-top: 0.63rem;                  /* Margen superior (10px) */
    }
}
/* _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 ===== */
.encuesta-linea1[b-sxq2khk46o] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    margin-bottom: 0.31rem;                   /* Margen inferior (5px) */
}

/* 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 2: PROCESADO, EVALUÓ, CALIFICACIONES ===== */
.encuesta-linea2[b-sxq2khk46o] {
    display: flex;                            /* Flexbox */
    justify-content: space-between;           /* Espacio entre elementos */
    align-items: flex-start;                  /* Alineado arriba */
}

/* Info izquierda (Procesado por, Evaluó) */
.encuesta-info-izq[b-sxq2khk46o] {
    flex: 1;                                  /* Ocupa espacio restante */
    padding-left: 4rem;                       /* Padding izquierdo (64px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* 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 */
}

/* ===== CALIFICACIONES (lado derecho) ===== */
.encuesta-calificaciones[b-sxq2khk46o] {
    display: flex;                            /* Flexbox */
    gap: 0.625rem;                            /* Gap (10px) */
}

/* Cada calificación */
.calificacion-item[b-sxq2khk46o] {
    width: 6.25rem;                           /* Ancho (100px) */
    text-align: center;                       /* Centrado */
}

/* Link de calificación */
.calificacion-link[b-sxq2khk46o] {
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    font-weight: normal;                      /* Sin negritas */
    color: #000000;                           /* Negro */
    text-decoration: underline;               /* Subrayado */
}

.calificacion-link:hover[b-sxq2khk46o] {
    color: #666666;                           /* Gris medio en hover */
}

/* Calificación General en negrita */
.calificacion-general[b-sxq2khk46o] {
    font-weight: bold;                        /* Negritas */
}

/* Label debajo de la calificación */
.calificacion-label[b-sxq2khk46o] {
    display: block;                           /* Bloque */
    font-size: var(--texto-9pt);              /* Tamaño 9pt */
    color: #666666;                           /* Gris medio */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    /* En celular, las calificaciones van debajo */
    .encuesta-linea2[b-sxq2khk46o] {
        flex-direction: column;               /* Dirección columna */
        gap: 0.625rem;                        /* Gap (10px) */
    }

    .encuesta-info-izq[b-sxq2khk46o] {
        padding-left: 0;                      /* Sin padding */
    }

    .encuesta-calificaciones[b-sxq2khk46o] {
        flex-wrap: wrap;                      /* Permite wrap */
        justify-content: flex-start;          /* Alineado izquierda */
    }

    .calificacion-item[b-sxq2khk46o] {
        width: 5rem;                          /* Ancho reducido (80px) */
    }
}
/* _content/SiREI_2026/Components/Pages/03Enc/EncDetalle.razor.rz.scp.css */
/*
   EncDetalle.razor.css
   Detalle de encuesta con calificaciones.
   Módulo 03Enc (Morado).
*/

/* ===== 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) */
    }

    /* En móvil las opciones van en columna */
    .pregunta-opciones span[b-rf1fltvxhw] {
        display: inline-block;                /* Inline block */
        margin-right: 0.5rem;                 /* Margen derecho (8px) */
        margin-bottom: 0.25rem;               /* Margen inferior (4px) */
    }
}
/* _content/SiREI_2026/Components/Pages/03Enc/EncInconf.razor.rz.scp.css */
/*
   EncInconf.razor.css
   Inconformidades de encuestas.
   Módulo 03Enc (Morado).
*/

/* ===== 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 (33%) ===== */
.inconf-presentador[b-3dzam2pugk] {
    width: 33%;                               /* Ancho 33% */
    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 (65%) ===== */
.inconf-detalle[b-3dzam2pugk] {
    width: 65%;                               /* Ancho 65% */
    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 */
    padding-left: 4rem;                       /* Padding izquierdo (64px) */
}

.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 */
    padding-left: 0.625rem;                   /* Padding izquierdo (10px) */
    line-height: 1.4;                         /* Altura de línea */
}
/* _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 */
    }
}
/* _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 */
    }
}
/* _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).
*/

/* Usa contenedor-principal-sirei del app.css (con padding-top default) */

/* ===== SECCIÓN DE LINKS ===== */
.links-section[b-c359yduack] {
    text-align: center;                       /* Centrado */
    margin: 1.25rem 0;                        /* Margen vertical (20px) */
}

/* Links principales (estilo link de Verdana) */
.link-modificar[b-c359yduack] {
    background: none;                         /* Sin fondo */
    border: none;                             /* Sin borde */
    color: #0000EE;                           /* Azul link estándar */
    text-decoration: underline;               /* Subrayado */
    cursor: pointer;                          /* Cursor pointer */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    padding: 0;                               /* Sin padding */
    margin: 0 0.625rem;                       /* Margen horizontal (10px) */
}

.link-modificar:hover[b-c359yduack] {
    color: #551A8B;                           /* Morado link visitado */
}

/* Mensaje de éxito */
.mensaje-exito[b-c359yduack] {
    background-color: #FFC0C0;                /* Rosa claro */
    padding: 0.25rem 0.5rem;                  /* Padding (4px 8px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    font-weight: normal;                      /* Sin negritas */
    margin-left: 0.94rem;                     /* Margen izquierdo (15px) */
}

/* ===== PANEL DE PASSWORD ===== */
.panel-password[b-c359yduack] {
    margin: 1.25rem auto;                     /* Margen vertical (20px) centrado */
    max-width: 43.75rem;                      /* Ancho máximo (700px) */
}

/* ===== ESTRUCTURA DE FORMULARIOS ===== */
/* Layout de dos columnas: label derecha + input izquierda */
.form-row[b-c359yduack] {
    display: flex;                            /* Flexbox */
    margin-bottom: 0.44rem;                   /* Margen inferior (7px) */
    align-items: flex-start;                  /* Alineado arriba */
}

/* Label alineado a la derecha */
.form-label-derecha[b-c359yduack] {
    width: 12.94rem;                          /* Ancho (207px) */
    text-align: right;                        /* Alineado derecha */
    padding-right: 0.44rem;                   /* Padding derecho (7px) */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    color: #000000;                           /* Negro */
    flex-shrink: 0;                           /* No encoge */
}

/* Contenedor de inputs */
.form-input-container[b-c359yduack] {
    flex: 1;                                  /* Ocupa espacio restante */
    text-align: left;                         /* Alineado izquierda */
}

/* ===== INPUTS Y CONTROLES ===== */
/* Input estándar */
.form-input[b-c359yduack] {
    width: 17.69rem;                          /* Ancho (283px aprox 35 cols) */
    padding: 0.13rem 0.25rem;                 /* Padding (2px 4px) */
    border: 1px solid #808080;                /* Borde gris */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* Input ancho */
.form-input-wide[b-c359yduack] {
    width: 33rem;                             /* Ancho (528px aprox 65 cols) */
    padding: 0.13rem 0.25rem;                 /* Padding (2px 4px) */
    border: 1px solid #808080;                /* Borde gris */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* Input pequeño */
.form-input-small[b-c359yduack] {
    width: 3.13rem;                           /* Ancho (50px aprox 5 cols) */
    padding: 0.13rem 0.25rem;                 /* Padding (2px 4px) */
    border: 1px solid #808080;                /* Borde gris */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* Select/Dropdown estándar */
.form-select[b-c359yduack] {
    padding: 0.13rem 0.25rem;                 /* Padding (2px 4px) */
    border: 1px solid #808080;                /* Borde gris */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
}

/* Selects de fecha (más pequeños) */
.form-select-fecha[b-c359yduack] {
    padding: 0.13rem 0.25rem;                 /* Padding (2px 4px) */
    border: 1px solid #808080;                /* Borde gris */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    margin-right: 0.31rem;                    /* Margen derecho (5px) */
}

.fecha-container[b-c359yduack] {
    display: flex;                            /* Flexbox */
    gap: 0.31rem;                             /* Gap (5px) */
}

/* Controles radio en línea */
.radio-inline-container[b-c359yduack] {
    display: flex;                            /* Flexbox */
    gap: 1.25rem;                             /* Gap (20px) */
}

.radio-label[b-c359yduack] {
    font-weight: normal;                      /* Sin negritas */
    font-size: var(--texto-10pt);             /* Tamaño 10pt */
    color: #000000;                           /* Negro */
    cursor: pointer;                          /* Cursor pointer */
}

/* ===== TEXTOS DE AYUDA ===== */
.hint-text[b-c359yduack] {
    font-size: var(--texto-8pt);              /* Tamaño 8pt */
    color: #000000;                           /* Negro */
    margin-top: 0.25rem;                      /* Margen superior (4px) */
}

.hint-text a[b-c359yduack] {
    color: #0000EE;                           /* Azul link */
    text-decoration: underline;               /* Subrayado */
}

.hint-text a:hover[b-c359yduack] {
    color: #551A8B;                           /* Morado visitado */
}

/* ===== VALIDACIÓN ===== */
/* Asterisco rojo de validación */
[b-c359yduack] .validator-asterisk {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    margin-left: 0.25rem;                     /* Margen izquierdo (4px) */
}

/* Summary de errores */
[b-c359yduack] .validation-errors {
    color: #FF0000;                           /* Rojo */
    font-weight: bold;                        /* Negritas */
    margin: 0.625rem 0;                       /* Margen vertical (10px) */
}

/* ===== BOTONES ===== */
/* Usa .boton-grande de app.css (10pt) - aquí solo colores */
.btn-guardar[b-c359yduack] {
    margin-top: 0.625rem;                     /* Margen superior (10px) */
    background-color: var(--color-tools);     /* Gris #606060 de Utilidades */
    color: #FFFFFF;                           /* Blanco */
}
/* _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: 1.5rem;
    max-width: 50rem;                      /* Ancho máximo para legibilidad */
}

.descripcion-section p[b-m1cmofsrid] {
    margin: 0.5rem 0;
}

/* ===== OPCIONES DE RADIO ===== */
.opciones-section[b-m1cmofsrid] {
    margin-bottom: 1.5rem;
}

.radio-opcion[b-m1cmofsrid] {
    display: block;
    font-size: var(--texto-12pt);          /* Tamaño mediano */
    margin-bottom: 0.5rem;
    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: #999;                /* Gris cuando está deshabilitado */
    cursor: not-allowed;
}

/* ===== 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: 1rem;
    margin-bottom: 1.5rem;
    max-width: 30rem;
}

.parametros-generador h4[b-m1cmofsrid] {
    margin-top: 0;
    margin-bottom: 0.75rem;
    color: #333;
    font-size: var(--texto-11pt);
}

.parametro-row[b-m1cmofsrid] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: var(--texto-10pt);
}

.parametro-row label[b-m1cmofsrid] {
    min-width: 10rem;
}

.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;
}

.nota-generador[b-m1cmofsrid] {
    font-size: var(--texto-8pt);
    color: #666;
    margin-top: 0.75rem;
    margin-bottom: 0;
    padding-top: 0.5rem;
    border-top: 1px solid #ddd;
}

/* ===== INDICADOR DE PROCESAMIENTO ===== */
.procesando[b-m1cmofsrid] {
    text-align: left;
    padding: 1.5rem;
    font-size: var(--texto-10pt);
    color: #333;
}

.procesando img[b-m1cmofsrid] {
    margin-bottom: 0.5rem;
}

.procesando strong[b-m1cmofsrid] {
    display: block;
    margin-bottom: 0.25rem;
}

/* ===== 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] {
        width: 100%;
    }

    .textarea-resultado[b-m1cmofsrid] {
        height: 18rem;                     /* Más pequeño en móvil */
    }
}
/* _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 */
}
/* _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/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/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: 0.4375rem;                     /* Tamaño muy pequeñ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 */
}
/* _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 */
}
/* _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 */
}
/* _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: 1.25rem;                       /* Tamaño grande */
}

.welcome-text[b-i2jnktuqqy] {
    color: #008000;                           /* Verde SiREI */
    font-size: 0.82rem;                       /* Tamaño pequeño */
    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: 1.05rem;                       /* Tamaño mediano */
    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: 0.82rem;                       /* Tamaño pequeño */
    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: 0.78rem;                       /* Tamaño pequeño */
    font-weight: bold;                        /* Negritas */
    text-decoration: none;                    /* Sin subrayado */
    margin-left: 0.3125rem;                   /* Separación izquierda (5px) */
}

/* ===== 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: 2px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* Sombra */
    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: 2px 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-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: 2px solid #808080;            /* Borde superior gris */
    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: 2px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* 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 */
}

.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: 2px 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-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: 2px solid #808080;            /* Borde superior gris */
    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: 2px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* 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 */
}

.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: 2px 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-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: 2px solid #808080;            /* Borde superior gris */
    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: 5px solid #CBCAC6;                /* Borde gris grueso */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* Sombra */
    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: 2px 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-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: 1.875rem 0.94rem;                /* Padding (30px 15px) */
    border-top: none;                         /* Sin borde superior */
    display: flex;                            /* Flexbox */
    justify-content: center;                  /* Centrado */
    gap: 1.25rem;                             /* Gap (20px) */
    background-color: inherit;                /* Hereda fondo */
}

/* ===== 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: 2px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* Sombra */
    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: 2px 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-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: 2px solid #808080;            /* Borde superior gris */
    display: flex;                            /* Flexbox */
    justify-content: center;                  /* Centrado */
}

/* ===== BOTONES FOOTER ===== */
.btn-cancelar-modal[b-ymjqe58zvv] {
    background-color: #D0D0D0;                /* Gris claro */
    color: #000000;                           /* Negro */
}
/* _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: 5px solid #CBCAC6;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* 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 */
}

.modal-plazo[b-cvr5bp02ih] {
    background-color: #FFFFFF;                /* Blanco */
}

/* ===== MODAL HEADER ===== */
.modal-header[b-cvr5bp02ih] {
    padding: 0.625rem 0.94rem;                /* Padding (10px 15px) */
    border-bottom: 2px 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-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: 2px solid #808080;            /* Borde superior gris */
    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: #90D090;                /* Verde claro */
}
/* _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: 2px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* Sombra */
    width: 90%;                               /* Ancho 90% */
    max-width: 31.25rem;                      /* Máximo (500px) */
    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: 2px 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 */
    margin: 0.125rem 0;                       /* Margen (2px) */
    line-height: 0.6;                         /* Altura de línea compacta */
}

/* ===== 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: 2px solid #808080;            /* 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: 5px solid #CBCAC6;                /* Borde gris grueso */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* Sombra */
    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: 2px 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-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: 2px solid #808080;            /* Borde superior gris */
    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: 2px solid #808080;                /* Borde gris */
    border-radius: 0;                         /* Sin bordes redondeados */
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* Sombra */
    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: 2px 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-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: 2px solid #808080;            /* Borde superior gris */
    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 */
}
/* _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: 0.95rem;                       /* Tamaño ~15px */
    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 */
}