/* Toast Rock the Distance — diseño único compartido (contador + botón OK).
   Lo usan el panel (panel.php) y la gestión de participantes (participantes.php).
   Colores literales para no depender de las variables CSS de cada página. */
.toast{position:fixed;bottom:36px;left:50%;transform:translateX(-50%);z-index:99999;min-width:450px;max-width:660px;background:#fff;border:1px solid #CBD5E1;border-left:6px solid #64748B;color:#0F172A;font-family:'Nunito',sans-serif;font-weight:700;font-size:20px;padding:18px 21px;border-radius:18px;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 24px 60px -12px rgba(0,0,0,.65);display:flex;align-items:center;gap:16px;animation:toastIn .22s ease}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
.toast .ti{display:inline-flex;width:33px;height:33px;align-items:center;justify-content:center;border-radius:99px;flex:0 0 auto}
.toast .tm{flex:1 1 auto;line-height:1.35}
.toast .tc{flex:0 0 auto;font-size:18px;font-weight:800;color:#94A3B8;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}
.toast .tok{flex:0 0 auto;height:39px;padding:0 18px;border:1.5px solid #CBD5E1;background:#F8FAFC;color:#0F172A;font:inherit;font-weight:800;font-size:18px;border-radius:10px;cursor:pointer}
.toast .tok:hover{background:#fff;border-color:#2563EB;color:#2563EB}