/* static/css/admin_override.css */

/* Overall background + font to match your site */
body,
#container {
  background: radial-gradient(circle at top, #020617 0, #000 55%);
  color: #e5e7eb;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Header bar */
#header {
  background: rgba(15, 23, 42, 0.95);
  border-bottom: 1px solid rgba(148, 163, 184, 0.3);
  color: #facc15; /* gold-ish */
}

#header h1 a,
#header h1 a:link,
#header h1 a:visited {
  color: #facc15;
  text-decoration: none;
}

/* Module / content cards */
#content-related,
#content,
.module,
fieldset,
.inline-group {
  background: rgba(15, 23, 42, 0.85);
  border-radius: 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.25);
}

/* Table headers */
#content table thead th {
  background: rgba(15, 23, 42, 0.95);
  border-bottom: 1px solid rgba(148, 163, 184, 0.5);
}

/* Buttons */
.button,
input[type="submit"],
input[type="button"],
.submit-row input {
  background-color: #facc15;
  border-radius: 0.375rem;
  border: none;
  color: #020617;
  font-weight: 600;
}

.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.submit-row input:hover {
  filter: brightness(0.95);
}

/* Links */
a {
  color: #e5e7eb;
}

a:hover {
  color: #facc15;
}

/* Login page tweaks */
.login #container,
.login #content {
  background: none;
  border: none;
}

.login #content {
  max-width: 28rem;
  margin: 3rem auto;
  padding: 2rem 2.5rem;
  background: rgba(15, 23, 42, 0.9);
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.login #content h1 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #facc15;
  text-align: center;
  margin-bottom: 1.25rem;
}

/* Form labels + inputs */
.login #content label {
  color: #e5e7eb;
}

.login #content input[type="text"],
.login #content input[type="password"] {
  background: #020617;
  border-radius: 0.5rem;
  border: 1px solid rgba(148, 163, 184, 0.5);
  color: #e5e7eb;
}

/* Error messages */
.errornote,
ul.errorlist {
  background: rgba(220, 38, 38, 0.12);
  border-color: rgba(220, 38, 38, 0.6);
  color: #fecaca;
}