/* --------------------------------------------------------------------------
   LAYOUT COMPACTO DEL PERFIL
   --------------------------------------------------------------------------
   reduce paddings y tamanos del resumen y de las secciones de la barra lateral.
   Venia de components/enhancements.css, un cajon de overrides de 557 lineas
   que cargaban 12 paginas enteras aunque cada una usara solo un trozo.
   -------------------------------------------------------------------------- */

/* ═══════════════════════════════════════
   COMPACT OVERRIDES — global
   ═══════════════════════════════════════ */
/* ── Summary compact ── */
.perfil-summary { padding: 16px 20px !important; }
.perfil-summary .perfil-summary-header { gap: var(--sp-7); padding-bottom: var(--sp-6); }
.perfil-summary .perfil-avatar { width: 60px; height: 60px; }
.perfil-summary .avatar-ring { width: 68px; height: 68px; }
.perfil-summary .perfil-username { font-size: var(--fs-2xl); margin-bottom: 5px; }
.perfil-summary .perfil-badges { gap: var(--sp-2); }
.perfil-summary .perfil-chart-mini { height: 72px; }
.perfil-summary .perfil-summary-stats { gap: var(--sp-4); margin-top: var(--sp-5); }
.perfil-summary .summary-stat { gap: 1px; }
.perfil-summary .stat-label { font-size: var(--fs-3xs); margin-bottom: 2px; }
.perfil-summary .stat-value { font-size: var(--fs-md); }
/* ── Compact overrides for 30% sidebar sections ── */
/* Activity heatmap compact */
.perfil-heatmap.compact-col-section { padding: 14px 16px !important; }
.perfil-heatmap.compact-col-section .perfil-heatmap-header { margin-bottom: var(--sp-3); }
.perfil-heatmap.compact-col-section .heatmap-stats-row { gap: var(--sp-3); margin-bottom: var(--sp-4); }
.perfil-heatmap.compact-col-section .heatmap-stat { padding: var(--sp-3) var(--sp-5); border-radius: var(--radius-sm); min-width: 80px; }
.perfil-heatmap.compact-col-section .heatmap-stat-val { font-size: var(--fs-md); }
.perfil-heatmap.compact-col-section .heatmap-stat-lbl { font-size: var(--fs-3xs); margin-top: 1px; }
.perfil-heatmap.compact-col-section .heatmap-cal-outer { margin-top: var(--sp-4); gap: var(--sp-2); }
.perfil-heatmap.compact-col-section .heatmap-footer { margin-top: var(--sp-3); }
/* Favorite Agents + Performance by Map compact */
.perfil-agentes.compact-col-section,
.perfil-mapas.compact-col-section { padding: var(--sp-6) var(--sp-7) !important; }
.perfil-agentes.compact-col-section .agentes-grid,
.perfil-mapas.compact-col-section .mapas-grid { gap: var(--sp-3); }
.perfil-agentes.compact-col-section .agent-card,
.perfil-mapas.compact-col-section .mapa-card { padding: var(--pcard-pad); border-radius: var(--pcard-radius); }
/* Favorite Agents / Performance by Map / Best time of day: sin hover */
.perfil-agentes.compact-col-section .agent-card:hover,
.perfil-mapas.compact-col-section .mapa-card:hover,
.time-block-card:hover {
    transform: none;
    box-shadow: none;
    border-color: var(--border);
}
.perfil-agentes.compact-col-section .agent-card-header,
.perfil-mapas.compact-col-section .agent-card-header { gap: var(--sp-3); margin-bottom: var(--sp-3); }
.perfil-agentes.compact-col-section .agent-card-icon,
.perfil-mapas.compact-col-section .agent-card-icon { width: var(--pcard-icon); height: var(--pcard-icon); font-size: var(--fs-3xl); border-radius: var(--pcard-icon-radius); }

/* El icono de mapa es apaisado, no cuadrado: se mantiene la forma tambien en
   la version compacta (si no, la regla de arriba lo volveria cuadrado). */
.perfil-mapas.compact-col-section .agent-card-icon.mapa-card-icon { width: 52px; height: 32px; background: none; }
.perfil-agentes.compact-col-section .agent-img,
.perfil-mapas.compact-col-section .agent-img,
.perfil-mapas.compact-col-section .mapa-img { width: var(--pcard-icon); height: var(--pcard-icon); border-radius: var(--pcard-icon-radius); }
.perfil-agentes.compact-col-section .agent-card-name,
.perfil-mapas.compact-col-section .agent-card-name { font-size: var(--pcard-name-fs); }
.perfil-agentes.compact-col-section .agent-card-games,
.perfil-mapas.compact-col-section .agent-card-games { font-size: var(--pcard-sub-fs); margin-top: 1px; }
.perfil-agentes.compact-col-section .agent-card-stats,
.perfil-mapas.compact-col-section .agent-card-stats { gap: var(--sp-2); margin-bottom: var(--sp-3); }
.perfil-agentes.compact-col-section .agent-card-stat,
.perfil-mapas.compact-col-section .agent-card-stat { padding: var(--pcard-stat-pad); border-radius: var(--radius-sm); }
.perfil-agentes.compact-col-section .agent-card-stat-val,
.perfil-mapas.compact-col-section .agent-card-stat-val { font-size: var(--pcard-stat-fs); }
.perfil-agentes.compact-col-section .agent-card-stat-lbl,
.perfil-mapas.compact-col-section .agent-card-stat-lbl { font-size: var(--pcard-stat-lbl-fs); margin-top: 1px; }

/* Detailed Stats compact */
.perfil-stats.compact-col-section .stats-kpi-grid { gap: var(--sp-3); }
.perfil-stats.compact-col-section .stats-kpi { padding: var(--sp-4) var(--sp-5); border-radius: var(--radius-sm); }
.perfil-stats.compact-col-section .stats-kpi-value { font-size: var(--fs-xl); margin: 2px 0; }
.perfil-stats.compact-col-section .stats-kpi-label { font-size: var(--fs-2xs); }