:root { --fondo:#10151c; --panel:#18202b; --texto:#e6edf3; --suave:#9fb0c3; --acento:#f0b429; --rojo:#ff6b6b; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body { background: var(--fondo); color: var(--texto); font: 14px/1.45 system-ui, sans-serif; display: flex; flex-direction: column; }
header { display: flex; justify-content: space-between; align-items: center; padding: 8px 16px; background: var(--panel); border-bottom: 1px solid #2a3544; flex-wrap: wrap; gap: 8px; }
.titulo { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.etiqueta { background: var(--acento); color: #1b1400; padding: 2px 10px; border-radius: 10px; font-weight: 700; font-size: 12px; }
.reloj { color: var(--suave); }
.avisos { background: #141b24; padding: 8px 16px; border-bottom: 1px solid #2a3544; color: var(--suave); }
.avisos p { margin: 0 0 4px; color: var(--texto); }
.avisos ul { margin: 0; padding-left: 20px; }
.avisos code { background: #222c3a; padding: 0 4px; border-radius: 3px; }
.rechazo { margin: 24px 16px; padding: 16px 20px; background: #2a1618; border: 1px solid #6b2b2f; border-radius: 8px; max-width: 760px; }
.rechazo h1 { margin: 0 0 8px; font-size: 20px; color: var(--rojo); }
.estado { padding: 6px 16px; color: var(--suave); }
#terminal { flex: 1; min-height: 0; padding: 4px 8px; }
[hidden] { display: none !important; }
@media (max-width: 600px) { .avisos ul { padding-left: 16px; } }