/* ── BITÁCORA ──
   [v2026.10.24-1] seg-hist-sesiones.css — archivo nuevo
   2026-10-24 | La pestaña Historial del archivador de Seguimiento (seg-hist-sesiones.js [v2026.10.24-1]): el panel con su
     propio scroll (--seg-hc-alto, para no empujar la nota de abajo), una tarjeta por sesión (.seg-hc-card) con su
     cabecera (fecha, estado, «Abrir»), el resumen clínico destacado en lila suave (.seg-hc-resumen, «Solo para
     ti»), las notas o los campos de la plantilla, los chips (síntoma rosado, diagnóstico azul, hipótesis morado,
     como en las notas), las intensidades con su flecha contra la sesión anterior, lo trabajado y las tareas.
*/

.seg-hist-panel {
  --seg-hc-alto: 460px;            /* alto del panel: lo que pase, se desplaza adentro */
  background: #fff;
}
.seg-arch-bar.collapsed ~ .seg-hist-panel { display: none !important; }
.seg-hist-content {
  max-height: var(--seg-hc-alto);
  overflow-y: auto;
  padding: 12px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #f7f7f9;
}
.seg-hc-vacio { font-size: 12px; color: #9ca3af; text-align: center; padding: 24px 0; }

.seg-hc-card {
  background: #fff;
  border: 0.5px solid rgba(166, 166, 166, .23);
  border-radius: 10px;
  box-shadow: 0 2px 11px rgba(153, 97, 255, .08);
  padding: 10px 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: 'DM Sans', sans-serif;
}
.seg-hc-cab { display: flex; align-items: center; gap: 8px; }
.seg-hc-fecha { font-size: 13px; font-weight: 700; color: #1f2937; }
.seg-hc-hora { font-size: 12px; font-weight: 600; color: #9961FF; }
.seg-hc-estado { font-size: 10px; font-weight: 700; border-radius: 999px; padding: 2px 8px; }
.seg-hc-estado.curso { background: #ede9fe; color: #6d28d9; }
.seg-hc-estado.enviado { background: #dcfce7; color: #15803d; }
.seg-hc-estado.cerrado { background: #f3f4f6; color: #6b7280; }
.seg-hc-estado.pendiente { background: #fef3c7; color: #92400e; }
.seg-hc-abrir { margin-left: auto; border: 0; background: none; color: #7c3aed; font: 600 11px 'DM Sans', sans-serif;
  cursor: pointer; display: inline-flex; align-items: center; gap: 5px; padding: 2px 4px; border-radius: 6px; }
.seg-hc-abrir:hover { background: #f5f3ff; }
.seg-hc-abrir i { font-size: 9px; }

.seg-hc-resumen { background: #faf8ff; border: 1px solid #ece6ff; border-radius: 8px; padding: 8px 10px; }
.seg-hc-resumen-cab { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.seg-hc-resumen-tit { font-size: 10.5px; font-weight: 700; color: #7c3aed; text-transform: uppercase; letter-spacing: .05em;
  display: inline-flex; align-items: center; gap: 6px; }
.seg-hc-solo { font-size: 9px; font-weight: 700; color: #dc2626; background: #fee2e2; border-radius: 999px; padding: 1px 7px;
  letter-spacing: .04em; }
.seg-hc-gen { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; border: 1px solid #ddd3ff; background: #fff;
  color: #7c3aed; border-radius: 999px; padding: 3px 10px; font: 600 10.5px 'DM Sans', sans-serif; cursor: pointer; }
.seg-hc-gen:hover:not(:disabled) { background: #f5f3ff; border-color: #c4b5fd; }
.seg-hc-gen:disabled { opacity: .8; cursor: default; }
.seg-hc-gen i { font-size: 10px; }
.seg-hc-resumen-txt { font-size: 12px; line-height: 1.5; color: #374151; white-space: pre-wrap; }
.seg-hc-resumen-vacio { font-size: 11.5px; color: #9ca3af; font-style: italic; }
.seg-hc-aviso { font-size: 11px; margin-top: 4px; }
.seg-hc-aviso:empty { display: none; }
.seg-hc-aviso.error { color: #b91c1c; }

.seg-hc-bloque { display: flex; flex-direction: column; gap: 3px; }
.seg-hc-tit { font-size: 10px; font-weight: 700; color: #9096b0; text-transform: uppercase; letter-spacing: .06em; }
.seg-hc-texto { font-size: 12px; line-height: 1.5; color: #374151; white-space: pre-wrap; word-break: break-word; }
.seg-hc-campos { display: flex; flex-direction: column; gap: 2px; font-size: 12px; line-height: 1.45; color: #374151; }
.seg-hc-campo b { color: #4b5563; font-weight: 700; }

.seg-hc-chips, .seg-hc-ints { display: flex; flex-wrap: wrap; gap: 5px; }
.seg-hc-chip { font-size: 10.5px; font-weight: 600; border-radius: 999px; padding: 2px 9px; border: 0.5px solid transparent; }
.seg-hc-chip.sint { background: #fdf2f2; color: #b91c1c; border-color: #fecaca; }
.seg-hc-chip.diag { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; }
.seg-hc-chip.hip  { background: #faf5ff; color: #7e22ce; border-color: #e9d5ff; }
.seg-hc-int { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; color: #374151;
  background: #f9fafb; border: 0.5px solid #e5e7eb; border-radius: 999px; padding: 2px 4px 2px 9px; }
.seg-hc-int-nivel { font-size: 10px; font-weight: 700; border-radius: 999px; padding: 1px 7px; border: 0.5px solid rgba(0, 0, 0, .06); }
.seg-hc-int i { font-size: 9px; margin-right: 3px; }
.seg-hc-baja { color: #16a34a; }
.seg-hc-sube { color: #dc2626; }
.seg-hc-igual { color: #9ca3af; }

@media (max-width: 767px) {
  .seg-hist-panel { --seg-hc-alto: 60vh; }
  .seg-hist-content { padding: 10px; }
}