/*
  Contenedores IGIM — paneles de contenido en páginas internas
  ------------------------------------------------------------
  Esquinas rectas, borde uniforme, sin sombra (estilo corporativo).
  Aplica a tarjetas, filtros, paneles de perfil y layouts de consulta.
*/

:root {
    --igim-panel-radius: 0;
    --igim-panel-border-color: #d8dee6;
    --igim-panel-border: 1px solid var(--igim-panel-border-color);
    --igim-panel-bg: #ffffff;
    --igim-panel-muted-bg: #f8f9fa;
    --igim-panel-header-bg: #f9fafb;
    --igim-panel-shadow: none;
    --igim-panel-padding: 1rem;
    --igim-panel-inner-border-color: #e5e7eb;
}

/* Base reutilizable */
.igim-panel {
    background: var(--igim-panel-bg);
    border: var(--igim-panel-border);
    border-radius: var(--igim-panel-radius);
    box-shadow: var(--igim-panel-shadow);
}

.igim-panel--muted {
    background: var(--igim-panel-muted-bg);
}

.igim-panel--padded {
    padding: var(--igim-panel-padding);
}

.igim-panel--narrow {
    max-width: 420px;
}

.igim-panel--medium {
    max-width: 520px;
}

/* Filtros y barras de criterios */
.filter-panel,
.ccs-filter-panel.filter-panel {
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: var(--igim-panel-muted-bg);
    border: var(--igim-panel-border);
    border-radius: var(--igim-panel-radius);
    box-shadow: var(--igim-panel-shadow);
}

/* Perfil: cambio de fecha / contraseña */
.perfil-card {
    max-width: 520px;
    padding: 1.5rem;
    background: var(--igim-panel-bg);
    border: var(--igim-panel-border);
    border-radius: var(--igim-panel-radius);
    box-shadow: var(--igim-panel-shadow);
}

.perfil-card--estrecha {
    max-width: 420px;
}

.perfil-resumen {
    border-radius: var(--igim-panel-radius);
}

.perfil-input,
.perfil-alerta {
    border-radius: var(--igim-panel-radius);
}

.perfil-input:focus {
    box-shadow: none;
}

/* Inicio — tarjetas KPI */
.dashboard-kpi-card {
    background: var(--igim-panel-bg);
    border: var(--igim-panel-border);
    border-radius: var(--igim-panel-radius);
    box-shadow: var(--igim-panel-shadow);
}

.dashboard-kpi-card-static:hover {
    box-shadow: var(--igim-panel-shadow);
    border-color: var(--igim-panel-border-color);
}

/* Exportación Excel — paneles laterales */
.exportacion-excel-lista,
.exportacion-excel-detalle {
    background: var(--igim-panel-bg);
    border: var(--igim-panel-border);
    border-radius: var(--igim-panel-radius);
    box-shadow: var(--igim-panel-shadow);
}

.exportacion-excel-lista-header {
    border-bottom: 1px solid var(--igim-panel-inner-border-color);
    background: var(--igim-panel-header-bg);
}

.exportacion-excel-detalle .filter-panel {
    border: 0;
    border-bottom: 1px solid var(--igim-panel-inner-border-color);
    border-radius: var(--igim-panel-radius);
    margin: 0;
    box-shadow: var(--igim-panel-shadow);
}

/* Consulta Cartera / Socio — portada */
.ccs-tarjeta {
    border-radius: var(--igim-panel-radius);
}

.ccs-tarjeta-icono {
    border-radius: var(--igim-panel-radius);
}

/* Alertas dentro del área de contenido (sin sombra, esquinas rectas) */
.app-content .alert {
    border-radius: var(--igim-panel-radius);
    box-shadow: var(--igim-panel-shadow);
}