/* Afecta a ambas vistas: Usuarios y Estados */
.usuarios.index, 
.generar_estadopaquetes.form {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
    padding: 25px !important;
    margin: 30px auto !important;
    max-width: 98% !important;
}

/* Títulos (Legends y H2) */
.usuarios.index h2, 
.generar_estadopaquetes.form h2 {
    color: #1e293b !important;
    font-weight: 700 !important;
    font-size: 1.4rem !important;
    margin-bottom: 20px !important;
    text-align: left !important; /* Quita el centrado antiguo si lo deseas */
}

/* Quitar bordes feos del fieldset antiguo */
fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Estilo de la Tabla unificado */
table.table-striped {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* Encabezados */
table.table-striped th {
    background: #f8fafc !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    padding: 15px !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

/* Celdas */
table.table-striped td {
    padding: 12px 15px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 0.85rem !important;
    color: #334155 !important;
    vertical-align: middle !important;
}

/* Efecto hover en las filas */
table.table-striped tr:hover td {
    background-color: #f1f5f9 !important;
    transition: background 0.2s ease !important;
}