:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101111;color:#eee}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:26px}header{display:flex;align-items:center;gap:22px;flex-wrap:wrap}header h1{flex:1;font-size:26px}a{color:#ff9b43}section{background:#191c20;border:1px solid #343a42;padding:24px;margin:22px 0;border-radius:14px}h2{font-size:23px;margin-top:0}h3{font-size:17px}label{display:flex;flex-direction:column;gap:7px;font-size:14px}input,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #434951;background:#24282e;color:#eee}button{cursor:pointer;background:#ff850b;color:#111;font-weight:650}button:disabled{opacity:.5;cursor:wait}form{display:grid;gap:18px}form>button{justify-self:start}.grid,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards{grid-template-columns:repeat(4,1fr)}.card{padding:18px;background:#252a31;border-radius:9px}.card strong{display:block;font-size:32px;color:#ff9b43}.note{color:#aeb5bf;font-size:13px;line-height:1.6}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #343a42}.scroll{overflow:auto;max-height:420px}#message{color:#ffa84f}#newCode{padding:18px;border:1px solid #ff850b;margin:20px 0}.release{border-bottom:1px solid #343a42;padding:16px 0;overflow-wrap:anywhere}.release button{margin-left:16px}.release small{display:block;color:#aeb5bf;margin-top:8px}#login{max-width:500px;margin:35px auto}[hidden]{display:none!important}@media(max-width:650px){main{padding:14px}section{padding:18px}.grid,.cards{grid-template-columns:1fr 1fr}.grid label:first-child{grid-column:1/-1}input{max-width:100%;min-width:0}header h1{font-size:22px}td,th{padding:8px}}

/* Panel de gestión: las dos columnas conservan el mismo ancho. */
.management-page main{max-width:none;width:100%;margin:0;padding:24px 10vw}
.management-layout{display:grid;grid-template-columns:minmax(540px,1.3fr) minmax(360px,1fr);gap:24px;align-items:start;margin-top:22px}
.management-column,.statistics-column{min-width:0}
.management-card{background:#191c20;border:1px solid #343a42;border-radius:14px;margin-bottom:22px;overflow:hidden}
.management-card>summary{padding:20px 24px;font-size:21px;font-weight:650;cursor:pointer;overflow-wrap:anywhere}
.management-card>summary::marker{color:#ff9b43}
.management-card>summary:focus-visible{outline:2px solid #ff9b43;outline-offset:-4px}
.management-card[open]>summary{border-bottom:1px solid #343a42}
.card-body{padding:24px;min-width:0}
.management-layout .grid,.management-layout .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.management-layout input{width:100%;min-width:0}
.management-layout .card{padding:16px}
.management-layout .card strong{font-size:28px}
.management-layout td button{margin:4px 0}
@media(max-width:950px){.management-layout{grid-template-columns:minmax(0,1fr);gap:0}}
@media(max-width:650px){.management-card>summary{font-size:19px;padding:18px}.card-body{padding:18px}.management-layout .grid{grid-template-columns:minmax(0,1fr)}}

@media(max-width:650px){.management-page main{padding:14px}}

/* Tres zonas: servicio, gestión y visitas. */
.management-layout{grid-template-columns:minmax(260px,.85fr) minmax(560px,2fr) minmax(300px,1fr)}
.relay-column{min-width:0}
.relay-column .cards,.statistics-column .cards{grid-template-columns:1fr}
.relay-column .card strong{font-size:25px}
@media(max-width:1450px){.management-layout{grid-template-columns:minmax(240px,.8fr) minmax(450px,1.6fr)}.statistics-column{grid-column:1/-1}.statistics-column .cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:950px){.management-layout{grid-template-columns:minmax(0,1fr)}.statistics-column{grid-column:auto}.relay-column .cards,.statistics-column .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.management-column{order:-1}}

@media(max-width:1450px){.management-page main{padding:24px 3vw}}
@media(max-width:650px){.management-page main{padding:14px}}

/* Laterales simétricos y compactos: prioridad a la información. */
@media(min-width:1451px){.management-layout{grid-template-columns:minmax(260px,1fr) minmax(560px,2fr) minmax(260px,1fr)}}
.relay-column .cards,.statistics-column .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.relay-column,.statistics-column{font-size:13px}
.relay-column .management-card>summary,.statistics-column .management-card>summary{font-size:16px;padding:12px 14px}
.relay-column .card-body,.statistics-column .card-body{padding:12px}
.relay-column .card,.statistics-column .card{padding:10px;font-size:12px;border-radius:6px;overflow-wrap:anywhere}
.relay-column .card strong,.statistics-column .card strong{font-size:20px;line-height:1.25;margin-top:3px}
.relay-column .note,.statistics-column .note{font-size:11px;line-height:1.4}
.relay-column h3,.statistics-column h3{font-size:13px;margin:14px 0 8px}
.relay-column td,.relay-column th,.statistics-column td,.statistics-column th{font-size:12px;padding:7px}
.relay-column .management-card,.statistics-column .management-card{margin-bottom:12px}
.management-page select{font:inherit;width:100%;min-width:0;padding:12px;border-radius:8px;background:#24282e;color:#eee;border:1px solid #434951}.management-page input[type=checkbox]{width:auto;align-self:start}.tester-card{border:1px solid #343a42;border-radius:8px;margin:10px 0}.tester-card>summary{padding:12px;cursor:pointer}.tester-body{padding:12px;font-size:13px}.tester-body button{padding:8px;margin:4px 6px 4px 0}.tester-body p{margin:5px 0}

/* Gestión central compacta; formularios secundarios a demanda. */
.management-column{font-size:13px}
.management-column .management-card{margin-bottom:12px;border-radius:9px}
.management-column .management-card>summary{font-size:17px;padding:12px 16px}
.management-column .card-body{padding:14px}
.management-column form{gap:10px}
.management-column .grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.management-column label{font-size:12px;gap:4px}
.management-column input,.management-column select,.management-column button{font-size:12px;padding:8px;border-radius:5px}
.management-column .note{font-size:11px;line-height:1.4;margin:8px 0}
.management-column td,.management-column th{font-size:12px;padding:7px}
.management-column .scroll{max-height:250px}
.management-column .release{padding:10px 0;font-size:13px}
.management-column .release small{font-size:10px}
.management-column #newCode{padding:10px;margin:10px 0}
.management-column .tester-card{margin:7px 0;border-radius:6px}
.management-column .tester-card>summary{padding:9px 10px;font-size:12px}
.management-column .tester-body{padding:9px 10px;font-size:12px}
.compact-editor{margin-bottom:12px;border-bottom:1px solid #343a42;padding-bottom:10px}
.compact-editor>summary{font-size:12px;cursor:pointer;color:#ff9b43;padding:5px 0}
.compact-editor[open]>summary{margin-bottom:10px}
@media(max-width:650px){.management-column .grid{grid-template-columns:minmax(0,1fr)}}