/* Histórico de casos: botón «Histórico» de la cabecera (antes de «Nuevo caso») y lo propio de su panel lateral
   (panel-lateral.css): la nota al pie y el botón de borrar. */
.button-history { display: inline-flex; align-items: center; gap: 8px; background: var(--surface); color: var(--ink); border: 1px solid var(--line-strong); border-radius: 10px; padding: 10px 14px; font-size: 1rem; font-weight: 750; white-space: nowrap; }
.button-history:hover { background: var(--tint); border-color: var(--deep); }
.button-history:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.button-history [class*=" icon-"], .button-history [class^="icon-"] { font-size: 1rem; top: 0; }
#history-panel .cases-footnote { margin-top: 0; }

/* Borrar el histórico (solo desarrollo): icono junto a «Cerrar», con nombre accesible y tooltip; pide confirmación. */
.delete-history { display: grid; place-items: center; width: 40px; height: 40px; background: transparent; border: 1px solid var(--line-strong); border-radius: 8px; color: var(--muted); font-size: 1.0625rem; }
.delete-history:hover { background: var(--danger-bg); border-color: var(--danger); color: var(--danger); }
.delete-history:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }