/* Elite Admin - Tema oscuro alineado con EliteFootball */

:root {
  --elite-bg: #121212;
  --elite-surface: #1E1E1E;
  --elite-border: #2d2d2d;
  --elite-accent: #CCFF00;
  --elite-accent-dim: rgba(204, 255, 0, 0.15);
  --elite-text: #e5e5e5;
  --elite-text-muted: #9ca3af;
}

/* Cabecera y branding */
#header {
  background: var(--elite-surface) !important;
  border-bottom: 1px solid var(--elite-border) !important;
  color: var(--elite-text) !important;
}

#branding h1 {
  margin: 0;
  padding: 0.75rem 1rem;
}

#branding h1 a {
  color: var(--elite-text) !important;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.02em;
}

#branding h1 a:hover {
  color: var(--elite-accent) !important;
}

.brand-text {
  color: var(--elite-text);
}

.brand-accent {
  color: var(--elite-accent);
}

/* Fondo general */
body,
#container {
  background: var(--elite-bg) !important;
}

/* Barra lateral */
#content-main,
.main > div {
  background: var(--elite-bg);
}

.module h2,
.module caption,
.inline-group h2 {
  background: var(--elite-surface) !important;
  color: var(--elite-accent) !important;
  border: 1px solid var(--elite-border) !important;
}

/* Tablas y listados */
#result_list,
#changelist table,
.change-list .results table {
  background: var(--elite-surface) !important;
  border: 1px solid var(--elite-border) !important;
}

#result_list th,
#changelist thead th,
.change-list .results th {
  background: var(--elite-surface) !important;
  color: var(--elite-accent) !important;
  border-color: var(--elite-border) !important;
}

#result_list td,
#changelist tbody td,
.change-list .results td {
  border-color: var(--elite-border) !important;
  color: var(--elite-text) !important;
}

#result_list tr:hover td,
#changelist tbody tr:hover td {
  background: rgba(204, 255, 0, 0.06) !important;
}

/* Enlaces y botones */
a:link,
a:visited {
  color: var(--elite-accent) !important;
}

a:hover {
  color: #e0ff50 !important;
}

.button,
input[type="submit"],
input[type="button"],
.submit-row input {
  background: var(--elite-accent) !important;
  color: #121212 !important;
  border: none !important;
}

.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: #b8e600 !important;
  color: #121212 !important;
}

.button.default,
input[type="submit"].default {
  background: var(--elite-accent) !important;
  color: #121212 !important;
}

/* Formularios */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
textarea,
select {
  background: var(--elite-surface) !important;
  border: 1px solid var(--elite-border) !important;
  color: var(--elite-text) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--elite-accent) !important;
  box-shadow: 0 0 0 1px var(--elite-accent) !important;
}

/* Login */
.login {
  background: var(--elite-bg) !important;
}

.login #header {
  background: var(--elite-surface) !important;
}

.login form input[type="text"],
.login form input[type="password"] {
  background: var(--elite-surface) !important;
  border-color: var(--elite-border) !important;
  color: var(--elite-text) !important;
}

.login .submit-row input {
  background: var(--elite-accent) !important;
  color: #121212 !important;
}

/* Mensajes */
.messagelist li.success {
  background: var(--elite-accent-dim) !important;
  color: var(--elite-accent) !important;
  border-left-color: var(--elite-accent) !important;
}

.messagelist li.warning {
  background: rgba(251, 191, 36, 0.15) !important;
  border-left-color: #f59e0b !important;
}

.messagelist li.error {
  background: rgba(239, 68, 68, 0.15) !important;
  border-left-color: #ef4444 !important;
}

/* Títulos y texto */
h1, h2, h3,
#content h1,
#content caption {
  color: var(--elite-text) !important;
}

#content {
  color: var(--elite-text);
}

.quiet,
.help {
  color: var(--elite-text-muted) !important;
}

/* Dashboard / índice */
#content-main .module {
  background: var(--elite-surface) !important;
  border: 1px solid var(--elite-border) !important;
}

#content-main .module table {
  background: transparent !important;
}

#content-main .module table th {
  color: var(--elite-text-muted) !important;
}

#content-main .module table td a {
  color: var(--elite-accent) !important;
}

/* Breadcrumbs */
.breadcrumbs {
  background: var(--elite-surface) !important;
  color: var(--elite-text-muted) !important;
  border-color: var(--elite-border) !important;
}

.breadcrumbs a {
  color: var(--elite-accent) !important;
}