:root{color-scheme:light dark;--fondo:#f6f7f9;--panel:#fff;--texto:#1d2330;--suave:#5b6475;--borde:#d9dee7;--acento:#2457c5;
--ok:#1c7c3a;--aviso:#a15c00;--peligro:#b3261e}
@media (prefers-color-scheme:dark){:root{--fondo:#11141a;--panel:#1a1f28;--texto:#e6e9ef;--suave:#9aa3b2;--borde:#2c3340;
--acento:#7aa2ff;--ok:#5cc27a;--aviso:#e0a24a;--peligro:#ff7b72}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
header{padding:14px 16px;border-bottom:1px solid var(--borde);background:var(--panel)}
header a{color:inherit;text-decoration:none;font-weight:600}
main{max-width:40rem;margin:0 auto;padding:16px}
h1{font-size:1.35rem;margin:.2rem 0 1rem}
h2{font-size:1.05rem;margin:1.4rem 0 .5rem}
p,li{overflow-wrap:anywhere}
a{color:var(--acento)}
section,.panel{background:var(--panel);border:1px solid var(--borde);border-radius:10px;padding:14px 16px;margin:0 0 14px}
dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}
dt{color:var(--suave)}
dd{margin:0;overflow-wrap:anywhere}
button,.boton{display:inline-block;font:inherit;padding:10px 16px;border-radius:8px;border:1px solid var(--borde);background:var(--panel);
color:var(--texto);cursor:pointer;text-decoration:none;margin:4px 6px 4px 0}
button.principal,.boton.principal{background:var(--acento);border-color:var(--acento);color:#fff}
button.peligro{border-color:var(--peligro);color:var(--peligro)}
input,textarea{width:100%;font:13px/1.4 ui-monospace,Consolas,monospace;padding:8px;border:1px solid var(--borde);border-radius:6px;
background:var(--fondo);color:var(--texto)}
textarea{height:5.5rem;resize:vertical}
.estado-ACTIVE{color:var(--ok);font-weight:600}
.estado-RECONNECT{color:var(--peligro);font-weight:600}
.estado-DISCONNECTED,.estado-NONE{color:var(--suave);font-weight:600}
.aviso{border-color:var(--aviso)}
.aviso strong{color:var(--aviso)}
.error{color:var(--peligro)}
.suave{color:var(--suave);font-size:.9rem}
.marcador{font-weight:600}
ul.flotas{padding-left:1.1rem;margin:.3rem 0}
ul.flotas li{margin:.3rem 0}
li.retirada{color:var(--suave)}
[hidden]{display:none!important}