.hidden { display: none !important; }
.historial-cabecera { align-items: center; }
.historial-filtros { flex-wrap: wrap; }
.historial-persona { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 8px; border: 1px solid var(--line); border-radius: var(--radius-control); background: var(--panel); color: var(--muted); }
.historial-persona select { min-width: 190px; border: 0; outline: 0; background: transparent; color: var(--ink); font: 13px var(--font-ui); }
.historial-capas { display: flex; flex-wrap: wrap; gap: 5px 12px; font-size: 12px; color: var(--muted); }
.historial-capas label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; }
.historial-contenido { display: grid; grid-template-columns: minmax(0, 1fr) 260px; min-height: 520px; border: 1px solid var(--line); border-radius: var(--radius-panel); overflow: hidden; }
#historial-mapa { min-height: 520px; background: var(--surface); }
.historial-resumen { padding: 16px; border-left: 1px solid var(--line); background: var(--panel); color: var(--muted); font-size: 13px; line-height: 1.6; }
.historial-resumen strong { display: block; color: var(--ink); font-family: var(--font-display); font-size: 15px; }
.historial-leyenda { color: var(--muted); font-size: 12px; }
@media (max-width: 800px) { .historial-contenido { grid-template-columns: 1fr; } .historial-resumen { border-left: 0; border-top: 1px solid var(--line); } #historial-mapa { min-height: 380px; } }