/* Demo-2 — capa encima de los CSS originales (se carga la última).
   Portada → dashboard.css (reescrito). Aquí: tokens nuevos, cabecera,
   ficha a dos columnas, capas de la curva, "Revisar el" y admin plegada. */
:root{ --bullet-band:rgba(255,255,255,0.10); }
:root[data-theme="light"]{ --bullet-band:rgba(0,0,0,0.08); }

/* Cabecera */
.ritmo-demo2{
  display:inline-block;vertical-align:middle;margin-left:6px;
  font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--info-tx);background:var(--info-bg);border-radius:5px;padding:2px 7px;
}
.ritmo-strip-delta{white-space:nowrap}
.cards-note{font-size:12px;color:var(--tx-3)}

/* Ficha: diagnóstico y curva a la izquierda, acción a la derecha */
.drawer-panel{width:min(1180px,96vw)}
.ev-head-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.ev-head-actions button{font-size:12px;padding:6px 10px}
.ev-jump{display:none}
.ev-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:26px;align-items:start;margin-top:18px}
.ev-main{min-width:0}
.ev-side{
  position:sticky;top:62px;min-width:0;
  background:var(--bg-page);border:0.5px solid var(--bd-1);border-radius:var(--radius);padding:14px;
}

.ev-diag{
  background:var(--bg-page);border:0.5px solid var(--bd-1);border-left:3px solid var(--bd-2);
  border-radius:var(--radius);padding:12px 14px;
}
.ev-diag.risk{border-left-color:var(--danger)}
.ev-diag.reach-beyond{border-left-color:var(--warning)}
.ev-diag-t{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--tx-3);margin-bottom:4px}
.ev-diag p{margin:0;font-size:14px;line-height:1.55;color:var(--tx-1)}
.ev-diag p + p{margin-top:8px}
.ev-diag b{font-weight:600}
.ev-diag .ev-diag-act{color:var(--warning-tx)}
.ev-diag p.ev-diag-note{font-size:12px;color:var(--tx-3)}

.ev-main .metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 22px}
.m .v{font-variant-numeric:tabular-nums;line-height:1.25}
.m .m-u{font-size:12px;font-weight:400;color:var(--tx-2)}
.m .m-na{font-size:15px;color:var(--tx-2)}
.m .ms{font-size:11.5px;color:var(--tx-3);line-height:1.35;margin-top:3px}

.ev-legend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12px;color:var(--tx-2);margin:2px 0 8px}
.ev-legend .lg{display:inline-flex;align-items:center;gap:6px}
.ev-legend .lg::before{content:"";display:inline-block;width:18px;height:0;border-top:2.5px solid var(--info)}
.ev-legend .lg-traj::before{border-top:2px dashed var(--tx-2)}
.ev-legend .lg-est::before{width:3px;height:12px;border:0;background:var(--warning-tx);border-radius:1px}
.ev-legend .lg-opt{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.ev-legend .lg-opt em{font-style:normal;color:var(--tx-3)}
.ev-chart-note{font-size:11.5px;color:var(--tx-3);margin:-18px 0 22px}

/* Acciones en la columna lateral */
.ev-side .action{flex-wrap:wrap}
.ev-side .action .body{flex:1 1 100%}
.ev-side .action .acts{margin-left:auto}
.action .sub .due{color:var(--warning-tx);font-weight:500}
.planner .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.planner .pl-f{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--tx-2);min-width:0}
.planner .pl-f input,.planner .pl-f select{width:100%;min-width:0}
.planner #pl-add{grid-column:1 / -1}

/* Administración plegada al final */
.ev-adv{margin:18px 0 26px;border-top:0.5px solid var(--bd-1);padding-top:12px}
.ev-adv > summary{cursor:pointer;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:6px 0;list-style:none}
.ev-adv > summary::-webkit-details-marker{display:none}
.ev-adv > summary::before{content:"▸";color:var(--tx-3)}
.ev-adv[open] > summary::before{content:"▾"}
.ev-adv[open] > summary{margin-bottom:12px}
.ev-adv > summary:focus-visible{outline:2px solid var(--info);outline-offset:2px}

/* Acciones acordadas: "Revisar el" */
.ac-rev{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--tx-3);white-space:nowrap}
.ac-rev.due{color:var(--warning-tx);font-weight:500}
.rev-date{background:transparent;border:0.5px solid var(--bd-1);color:inherit;font-size:11.5px;font-family:inherit;padding:1px 4px;border-radius:4px;color-scheme:dark}
:root[data-theme="light"] .rev-date,:root[data-theme="light"] .exec-date{color-scheme:light}
.filtros{flex-wrap:wrap}

@media (max-width:980px){
  .ev-grid{grid-template-columns:minmax(0,1fr)}
  .ev-side{position:static}
  .ev-jump{display:inline-block}
}
/* Pulso en móvil: las tres cifras apiladas, la comparación puede partir línea */
@media (max-width:560px){
  .ritmo-strip-items{flex:1 1 100%;flex-direction:column;align-items:stretch;gap:4px}
  button.ritmo-strip-item{flex-wrap:wrap;row-gap:2px;min-height:40px}
  .ritmo-strip-delta{white-space:normal}
}
@media (max-width:600px){
  .ev-main .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .m .v{font-size:18px}
  .planner .row2{grid-template-columns:minmax(0,1fr)}
  .ritmo-demo2{font-size:10px;padding:1px 5px;margin-left:4px}
}