/* ============================================================
   PRAINNOVA CONSULTING S.A.S. — Estilo del panel de administración
   Rebrandea el admin de Django con la identidad oficial:
     Azul Petróleo  #003D4C
     Verde Impacto  #2A8C55
     Gris Profesional #444444
     Tipografía: Montserrat
   ============================================================ */

/* --- Paleta: se aplica a tema claro y oscuro para mantener la identidad --- */
:root,
html[data-theme="light"],
html[data-theme="dark"] {
  --primary: #003D4C;
  --secondary: #003D4C;
  --accent: #2A8C55;
  --primary-fg: #ffffff;

  --body-fg: #444444;
  --body-bg: #ffffff;
  --body-quiet-color: #6b7378;
  --body-loud-color: #003D4C;

  --header-color: #ffffff;
  --header-branding-color: #ffffff;
  --header-bg: #003D4C;
  --header-link-color: #ffffff;

  --breadcrumbs-fg: #cfe0e4;
  --breadcrumbs-link-fg: #ffffff;
  --breadcrumbs-bg: #002832;

  --link-fg: #2A8C55;
  --link-hover-color: #003D4C;
  --link-selected-fg: #24794a;

  --hairline-color: #e7ebed;
  --border-color: #e7ebed;

  --button-bg: #2A8C55;
  --button-fg: #ffffff;
  --button-hover-bg: #24794a;
  --default-button-bg: #003D4C;
  --default-button-hover-bg: #002832;
  --close-button-bg: #6b7378;
  --close-button-hover-bg: #444444;

  --object-tools-bg: #003D4C;
  --object-tools-fg: #ffffff;
  --object-tools-hover-bg: #002832;

  --module-bg: #ffffff;
  --darkened-bg: #f4f6f7;
  --selected-bg: #f4f6f7;
  --selected-row: #eaf3ee;
  --message-success-bg: #eaf3ee;
}

/* --- Tipografía global del panel --- */
body,
.module h2, .module caption,
#header, .button, input[type=submit], input[type=button],
.submit-row input, a.button {
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
}

/* --- Marca en la cabecera --- */
#site-name a { display: inline-flex; flex-direction: column; line-height: 1.15; }
.admin-brand { color: #fff; font-weight: 500; letter-spacing: .06em; font-size: 20px; }
.admin-brand strong { font-weight: 700; }
.admin-brand-sub { color: rgba(255, 255, 255, .7); font-size: 11px; font-weight: 500; letter-spacing: .04em; }

#header { padding: 14px 40px; }

/* --- Botones y herramientas --- */
.button, input[type=submit], input[type=button], .submit-row input, a.button {
  border-radius: 8px; font-weight: 600;
}
.object-tools a { border-radius: 8px; font-weight: 600; text-transform: none; letter-spacing: 0; }

/* --- Enlaces de módulos / cabeceras de sección --- */
.module h2, .module caption, .inline-group h2 {
  background: #003D4C; color: #fff; font-weight: 600; letter-spacing: .01em;
}
div.breadcrumbs { font-weight: 500; }

/* --- Filas seleccionadas y foco --- */
.row-form-errors, tr.selected { background: var(--selected-row); }

/* ============================================================
   PÁGINA DE LOGIN
   ============================================================ */
body.login { background: #f4f6f7; }
.login #container {
  border: 1px solid #e7ebed; border-radius: 14px; overflow: hidden;
  box-shadow: 0 18px 45px rgba(0, 61, 76, .14); background: #fff;
}
.login #header {
  background: #003D4C; padding: 26px 30px; justify-content: center; text-align: center;
}
.login #header #site-name a { align-items: center; }
.login #content { padding: 30px 30px 24px; }
.login .form-row { padding: 8px 0; }
.login .form-row label { color: #444444; font-weight: 600; }
.login input[type=text], .login input[type=password] {
  border: 1px solid #e7ebed; border-radius: 8px; padding: 10px 12px; width: 100%;
}
.login .submit-row { padding: 14px 0 0; margin: 0; }
.login .submit-row input {
  background: #2A8C55; border-radius: 8px; padding: 12px; width: 100%; font-weight: 600;
}
.login .submit-row input:hover { background: #24794a; }