/* Pantalla 2 — ficha de evento (drawer lateral ancho sobre el dashboard) */
.drawer-overlay{position:fixed;inset:0;z-index:50;display:none}
.drawer-overlay.open{display:block}
.drawer-backdrop{position:absolute;inset:0;background:var(--scrim-bg)}
.drawer-panel{
  position:absolute;top:0;right:0;height:100vh;
  width:min(880px,94vw);
  background:var(--bg-card);
  border-left:0.5px solid var(--bd-2);
  overflow-y:auto;
}

.drawer-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 18px;border-bottom:0.5px solid var(--bd-1);
  position:sticky;top:0;background:var(--bg-card);z-index:2;
}
.drawer-bar button{background:var(--bg-surface)}
.drawer-nav{display:flex;gap:6px}

.drawer-body{padding:18px 22px}
.ev-head h2{font-size:19px;font-weight:500;margin:0}
.ev-venue{margin:2px 0 0;font-size:13px;color:var(--tx-2)}
.ev-when{font-size:12px;color:var(--tx-3)}

.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 24px}
.m{background:var(--bg-surface);border-radius:var(--radius);padding:12px 14px}
.m .l{font-size:12px;color:var(--tx-2)}
.m .v{font-size:22px;font-weight:500;margin-top:2px}

.sechd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}
.seclbl{font-size:14px;font-weight:500}
.secsub{font-size:12px;color:var(--tx-2)}

.chart-curva{position:relative;height:230px;margin-bottom:26px}
.ritmo-scroll{position:relative;height:230px;overflow-x:auto;overflow-y:hidden;margin-bottom:10px}
.ritmo-holder{position:relative;height:230px}

.callout{
  display:flex;gap:10px;align-items:center;
  background:var(--bg-surface);border-radius:var(--radius);
  padding:10px 14px;margin-bottom:26px;font-size:13px;
}
.callout.warn{background:var(--warning-bg);border:0.5px solid var(--warning)}
.callout .arrow{font-size:18px}

.action{
  display:flex;align-items:center;gap:12px;
  background:var(--bg-page);border:0.5px solid var(--bd-1);
  border-radius:var(--radius);padding:10px 14px;
}
.action+.action{margin-top:8px}
.action .body{flex:1;min-width:0}
.action .tags{display:flex;align-items:center;gap:8px;margin-bottom:3px;flex-wrap:wrap}
.action .desc{font-size:13px;font-weight:500}
.action .sub{font-size:12px;color:var(--tx-2)}
.action .acts{display:flex;gap:6px;flex-shrink:0}
.action .acts button{font-size:12px;padding:5px 9px}
.action .imp{font-size:12px;font-weight:500;white-space:nowrap}

.planner{background:var(--bg-surface);border-radius:var(--radius);padding:12px 14px;margin-top:12px}
.planner input,.planner select{
  background:var(--bg-page);color:var(--tx-1);
  border:0.5px solid var(--bd-2);border-radius:var(--radius);
  padding:8px 10px;font-size:13px;font-family:inherit;
}

@media (max-width:600px){
  /* Drawer ocupa pantalla completa en mobile */
  .drawer-panel{width:100vw;border-left:none}
  .drawer-body{padding:14px 16px}
  /* Métricas: 2x2 en vez de 4 en fila */
  .metrics{grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 18px}
  .m .v{font-size:18px}
  /* Edit row apilado */
  .ev-edit-row{grid-template-columns:1fr}
}
.planner .desc-in{width:100%;margin-bottom:8px}
.planner .row2{display:flex;gap:8px;flex-wrap:wrap}
.empty-act{font-size:13px;color:var(--tx-3);padding:6px 0}

/* Editar evento (inline) — reusa el look del .planner */
.ev-edit{background:var(--bg-surface);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:12px;margin-bottom:26px}
.ev-edit-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ev-field{display:flex;flex-direction:column;gap:5px}
.ev-field label{font-size:11px;color:var(--tx-2);font-weight:500}
.ev-field input,.ev-field select{background:var(--bg-page);color:var(--tx-1);border:0.5px solid var(--bd-2);border-radius:var(--radius);padding:8px 10px;font-size:13px;font-family:inherit;outline:none;width:100%}
.ev-field input:focus,.ev-field select:focus{border-color:var(--info)}
/* A11 — foco visible pese al outline:none de arriba */
.ev-field input:focus-visible,.ev-field select:focus-visible{outline:2px solid var(--info);outline-offset:-1px}
.ev-field input[type=number]::-webkit-outer-spin-button,
.ev-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ev-field input[type=number]{-moz-appearance:textfield;appearance:textfield}
.ev-hint{font-size:11px;color:var(--tx-3);line-height:1.35}
.ev-edit-actions{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:0.5px solid var(--bd-1)}
.ev-save{background:var(--info-bg);border:0.5px solid var(--info);color:var(--info-tx);border-radius:var(--radius);padding:8px 14px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer}
.ev-save:hover{filter:brightness(1.08)}
.ev-save:disabled{cursor:default}
.ev-off-clear{background:var(--bg-surface);border:0.5px solid var(--danger);color:var(--danger-tx);border-radius:var(--radius);padding:8px 14px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer}
.ev-off-clear:hover{filter:brightness(1.08)}
.ev-off-clear:disabled{cursor:default}
.ev-msg{flex:1;font-size:11.5px;color:var(--tx-3);text-align:right}
.ev-msg.ok{color:var(--success-tx)}
.ev-msg.err{color:var(--danger-tx)}

/* Sticker Prioridad manual + sección Administrar (drawer) */
.ev-pm{color:var(--tx-2);background:var(--bg-surface);border:0.5px dashed var(--bd-2);font-weight:500}
.ev-admin{background:var(--bg-surface);border-radius:var(--radius);padding:4px 14px;margin-bottom:26px}
.ev-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:0.5px solid var(--bd-1)}
.ev-admin-row:last-of-type{border-bottom:none}
.ev-admin-info{min-width:0;flex:1}
.ev-admin-title{font-size:13px;font-weight:500;color:var(--tx-1)}
.ev-admin-sub{font-size:12px;color:var(--tx-2);margin-top:2px;line-height:1.4}
.ev-admin-btn{background:var(--bg-page);color:var(--tx-1);border:0.5px solid var(--bd-2);border-radius:var(--radius);padding:7px 12px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap}
.ev-admin-btn:hover{filter:brightness(1.1)}
.ev-admin-btn.danger{color:var(--danger-tx);border-color:var(--danger)}
.ev-admin-btn.danger:hover{background:var(--danger-bg)}
.ev-admin-btn.ghost{color:var(--tx-2)}
.ev-admin-confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ev-admin-confirm-txt{font-size:12px;color:var(--warning-tx)}
.ev-admin-msg{font-size:11.5px;color:var(--tx-3);text-align:right;padding:6px 0 2px;min-height:14px}
.ev-admin-msg.ok{color:var(--success-tx)}
.ev-admin-msg.err{color:var(--danger-tx)}

/* ── Desglose de asistentes ─────────────────────────────────────────── */
.dg-sec{margin-top:24px;border-top:1px dashed var(--bd-1);padding-top:14px}
.dg-toggle{
  width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  background:transparent;border:0;padding:8px 4px;cursor:pointer;font-family:inherit;
  text-align:left;color:var(--tx-2);
}
.dg-toggle:hover{color:var(--tx-1)}
.dg-toggle-lbl{
  font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tx-2);white-space:nowrap;
}
.dg-toggle-line{font-size:12.5px;color:var(--tx-2);line-height:1.45}
.dg-toggle-line strong{color:var(--tx-1);font-weight:600}
.dg-chev{width:14px;height:14px;transition:transform .15s;opacity:.6}
.dg-toggle[aria-expanded="true"] .dg-chev{transform:rotate(180deg);opacity:1}
.dg-pos{color:var(--success-tx)}
.dg-neg{color:var(--danger-tx)}

.dg-body{padding-top:14px}
.dg-empty{font-size:12px;color:var(--tx-3);padding:8px 0}
.dg-block{margin-bottom:14px}
.dg-block-hd{
  font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tx-3);margin-bottom:6px;
}

.dg-tbl{border:0.5px solid var(--bd-1);border-radius:var(--radius);overflow:hidden}
.dg-row{
  display:grid;grid-template-columns:minmax(0,1fr) 60px 36px 70px;
  align-items:center;gap:8px;padding:7px 10px;
  font-size:12px;color:var(--tx-1);
  border-top:0.5px solid var(--bd-1);
}
.dg-row:first-child{border-top:0}
.dg-row.dg-hd{
  background:var(--bg-page);
  font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--tx-3);
}
.dg-row.dg-sub{
  background:var(--bg-page);font-weight:600;color:var(--tx-1);
  border-top:1px solid var(--bd-2);
}
.dg-row.is-group{background:rgba(29,158,117,0.04)}
.dg-row.is-excluded{color:var(--tx-3);background:rgba(255,255,255,0.012)}
.dg-row.is-excluded .dg-r-name{text-decoration:line-through;text-decoration-color:var(--bd-2)}

.dg-r-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;line-height:1.3}
.dg-r-sold,.dg-r-mult,.dg-r-asist{text-align:right;font-variant-numeric:tabular-nums}
.dg-r-mult{color:var(--tx-3);font-size:11px}

.dg-chip{
  display:inline-block;padding:1px 6px;font-size:9.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;border-radius:3px;
  background:var(--success-bg);color:var(--success-tx);
}
.dg-chip-off{background:transparent;border:1px solid var(--bd-2);color:var(--tx-3)}

.dg-divider{
  padding:6px 10px;font-size:10.5px;color:var(--tx-3);font-style:italic;
  background:var(--bg-page);border-top:0.5px solid var(--bd-1);
}

.dg-other{border:0.5px solid var(--bd-1);border-radius:var(--radius);overflow:hidden}
.dg-other-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:7px 10px;font-size:12px;
  border-top:0.5px solid var(--bd-1);
}
.dg-other-row:first-child{border-top:0}
.dg-other-row span:last-child{font-variant-numeric:tabular-nums;font-weight:600;color:var(--tx-1)}

.dg-manual{margin-top:10px}
.dg-manual .dg-block-hd{color:var(--warning-tx)}
.dg-manual .dg-other{border-color:var(--warning)}

.dg-total{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:12px 10px;margin-top:10px;
  background:var(--bg-page);
  border:1px solid var(--bd-2);border-radius:var(--radius);
}
.dg-total span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-2)}
.dg-total strong{font-size:22px;font-weight:600;color:var(--tx-1);font-variant-numeric:tabular-nums}

.dg-notes{margin-top:10px;display:flex;flex-direction:column;gap:4px}
.dg-notes div{font-size:10.5px;color:var(--tx-3);line-height:1.4}

@media (max-width:520px){
  .dg-toggle{grid-template-columns:1fr;gap:4px;text-align:left}
  .dg-toggle .dg-chev{justify-self:end;margin-top:-22px}
  .dg-row{grid-template-columns:minmax(0,1fr) 50px 28px 56px;gap:6px;font-size:11.5px;padding:6px 8px}
}