/* Lo que el panel real agrega a la maqueta v3 (estilos.css es la maqueta tal cual): entrada, actividad, informe,
   avisos y estados nuevos (fallo, cancelado, espera de gasto). Mismos tokens de color. */
.enlace{border:0;background:none;padding:0;color:var(--magenta-ink);font-weight:600;cursor:pointer;font-size:inherit}
.enlace:hover{text-decoration:underline}
.aviso-prueba{background:var(--aviso-wash);color:var(--aviso);text-align:center;font-size:13px;font-weight:600;padding:6px 16px}
.alerta{background:var(--magenta-wash);color:var(--magenta-ink)}
.estado[data-e="fallo"]{background:var(--magenta-wash);color:var(--magenta-ink)}
.estado[data-e="cancelado"]{background:var(--muted);color:var(--muted-fg)}
.estado[data-e="espera_gasto"]{background:var(--aviso-wash);color:var(--aviso)}

/* Entrar */
.entrar{display:grid;place-items:center;min-height:calc(100vh - 160px)}
.entrar-card{width:100%;max-width:420px;padding:28px 26px;display:grid;gap:14px}
.entrar-logo{height:30px;width:auto}
.entrar-card h1{font-size:24px}
.entrar-form{display:grid;gap:10px}
.entrar-clave summary{cursor:pointer;font-size:14px;color:var(--muted-fg);font-weight:500}
.entrar-clave[open] summary{margin-bottom:10px}

/* Detalle */
.actividad{list-style:none;margin:4px 0 0;padding:10px 12px;border-radius:10px;background:var(--muted);display:grid;gap:3px;font-size:12.5px;color:var(--muted-fg);max-height:220px;overflow:auto}
.actividad:empty{display:none}
.actividad li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.actividad time{font-variant-numeric:tabular-nums;margin-right:6px;opacity:.8}
.etapa[data-e="omitida"]{color:var(--muted-fg);text-decoration:line-through;text-decoration-color:var(--border-2)}
.etapa[data-e="omitida"] .m{border-style:dashed}
.etapa[data-e="fallo"] .m{background:var(--magenta);border-color:var(--magenta)}
.informe{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.informe h3{font-size:14px;margin:12px 0 4px}
.informe p,.informe ul{margin:0 0 8px}
.informe ul{padding-left:18px}
.pedido-detalle{display:grid;gap:10px;margin-top:12px;font-size:14px}
.pedido-detalle .guion-texto{white-space:pre-wrap;padding:12px 14px;border-radius:10px;background:var(--muted);font-size:14px}
.version .v{min-width:26px}
.version .acc-v{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.costos{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted-fg)}
.reproductor .vacio-rep{display:grid;place-items:center;height:100%;color:#fff;text-align:center;padding:24px;font-size:14px;background:linear-gradient(160deg,oklch(0.25 0.03 330),oklch(0.16 0.012 280))}
.vid .sin-mini{width:44px;height:78px;border-radius:8px;flex:none;background:linear-gradient(160deg,oklch(0.93 0.02 330),oklch(0.9 0.01 280))}
.aprob .sin-mini{width:54px;height:96px;border-radius:9px;background:var(--muted)}
.look .ojo{font-size:11px;color:var(--aviso)}
@media (max-width:760px){.usuario{display:inline;font-size:12px}}