:root{color-scheme:dark;--bg:#0d0f11;--panel:#191c20;--panel2:#20242a;--input:#101216;--line:#30363e;--text:#f1f3f5;--muted:#9aa3ad;--accent:#ff563f;--accent2:#ff745e;--blue:#a9c8e8;--danger:#ff625d;--ok:#75c99a}
html,body{min-height:100%;background:var(--bg)!important;color:var(--text)!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:radial-gradient(ellipse at 50% -15%,#24282d 0%,#111316 48%,#0b0d0f 100%) fixed!important;color:var(--text)!important}
.app{background:transparent!important;color:var(--text)!important}
body *{scrollbar-color:#414852 #15181c}
h1,h2,h3,h4,h5,strong,b,label,th{color:var(--text)}
p,.subtitle,small,.small,.muted{color:var(--muted)}
a{color:var(--blue)}
.card,.panel,.modal,.popup,.dropdown-menu,[class*="card"],[class*="panel"]{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 12px 34px #0006!important}
input,textarea,select{background:var(--input)!important;color:var(--text)!important;border:1px solid #3a424c!important;border-radius:10px!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:#747e89!important;opacity:1}
input:focus,textarea:focus,select:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px #ff563f25!important}
button{background:#292e35!important;color:var(--text)!important;border:1px solid #414954!important;border-radius:9px!important;transition:background .15s,border-color .15s,transform .15s}
button:hover{background:#383f48!important;border-color:#697481!important}
button:disabled{opacity:.5;cursor:not-allowed}
button.btn-primary,.btn-primary,button[type=submit],#loginButton{background:var(--accent)!important;color:#17110f!important;border:1px solid var(--accent)!important;font-weight:800!important}
button.btn-primary:hover,.btn-primary:hover,button[type=submit]:hover,#loginButton:hover{background:var(--accent2)!important}
hr{border:0;border-top:1px solid var(--line)}
table{color:var(--text)!important;border-color:var(--line)!important}
th,td{border-color:var(--line)!important}
thead,tr{border-color:var(--line)!important}
tr:nth-child(even){background:#ffffff06!important}
[style*="background: white"],[style*="background:white"],[style*="background: #fff"],[style*="background:#fff"],[style*="background: #ffffff"],[style*="background:#ffffff"],[style*="background-color: white"],[style*="background-color: #fff"],[style*="background-color:#fff"]{background:var(--panel)!important;color:var(--text)!important}
[style*="color: #222"],[style*="color:#222"],[style*="color: #333"],[style*="color:#333"],[style*="color: black"],[style*="color:#000"]{color:var(--text)!important}
[style*="border: 1px solid #ccc"],[style*="border:1px solid #ccc"]{border-color:var(--line)!important}
.hidden{display:none!important}
.brand-header{padding:26px 0 8px}.brand-header h1{font-size:clamp(27px,6vw,36px);letter-spacing:-1.2px;color:#f4f5f6}.brand-icon{filter:drop-shadow(0 3px 8px #ff563f55)}.brand-accent{color:var(--accent)}
.login-card{max-width:410px;margin:20px auto;padding:24px!important;background:linear-gradient(145deg,#202429,#171a1e)!important;border-color:#373d45!important}
.login-card .subtitle,.brand-header .subtitle{color:var(--blue)!important}
#loginButton{width:100%;padding:14px!important;font-size:16px!important}
#profileView{background:var(--bg)!important}
[style*="background:#f4f6f8"],[style*="background: #f4f6f8"],[style*="background-color:#f4f6f8"],[style*="background-color: #f4f6f8"]{background:var(--bg)!important}
@media(max-width:600px){.app{padding:14px!important}.card{padding:17px!important}.brand-header{padding-top:18px}}

/* Paneles de administración y avisos: coherentes con el tema oscuro */
#menuAdministracion,#adminAvisos,#adminPaises,#adminJugadores,#adminNoReconocidos{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 12px 34px #0007!important}
#menuAdministracion strong,#adminAvisos strong,#adminPaises strong,#adminJugadores strong,#adminNoReconocidos strong{color:var(--text)!important}
#menuAdministracion button,#adminAvisos button,#adminPaises button,#adminJugadores button,#adminNoReconocidos button{color:var(--text)!important}
#infoCard{background:var(--panel)!important;color:var(--text)!important}
#infoCard p{color:#c2c9d1!important}
#infoCard hr{border-color:var(--line)!important}
#textoAdminAviso{min-height:110px}
#btnAdminAvisos{user-select:none}


/* Legibilidad de resultados, tablas y paneles dinámicos */
#resultadoRondasAdmin, #contenidoAdminNoReconocidos,
#adminAvisos, #adminPaises, #adminJugadores,
#adminNoReconocidos, #infoCard {
  color: var(--text) !important;
}
#resultadoRondasAdmin p, #resultadoRondasAdmin span,
#resultadoRondasAdmin div, #resultadoRondasAdmin strong,
#resultadoRondasAdmin label,
#contenidoAdminNoReconocidos p, #contenidoAdminNoReconocidos span,
#contenidoAdminNoReconocidos div, #contenidoAdminNoReconocidos strong,
#contenidoAdminNoReconocidos td, #contenidoAdminNoReconocidos th {
  color: var(--text) !important;
}
#resultadoRondasAdmin table, #contenidoAdminNoReconocidos table {
  background: var(--panel) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}
#resultadoRondasAdmin td, #resultadoRondasAdmin th,
#contenidoAdminNoReconocidos td, #contenidoAdminNoReconocidos th {
  background: transparent !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}
#avisoGeneral { background: #292313 !important; color: #fff0bd !important; border-color: #80651f !important; }
#textoAvisoGeneral { color: #fff0bd !important; }
#adminAvisos textarea { background: var(--input) !important; color: var(--text) !important; }
/* Evita que tarjetas de resultados con estilos inline claros queden ilegibles. */
.resultado, .resultado-card, .result-card, .resultados-card,
#historialMesResultados {
  background: var(--panel) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}
.resultado *, .resultado-card *, .result-card *, .resultados-card *,
#historialMesResultados * { color: var(--text) !important; }
