/* Dark shadcn-style skin for Django's built-in admin (Modelos / Suscriptores),
   so it matches the custom pages (Panel / Reportes). Overrides Django's own
   CSS custom properties — safe because Django's admin CSS is variable-driven
   for almost every color. Loaded after admin's base.css/dark_mode.css, and
   NOT gated behind a media query, so it applies regardless of the OS theme
   or the admin's own light/dark toggle. */

:root, html[data-theme="dark"], html[data-theme="light"] {
  --primary: #7c3aed;
  --secondary: #27272a;
  --accent: #a78bfa;
  --primary-fg: #ffffff;

  --body-fg: #e4e4e7;
  --body-bg: #09090b;
  --body-quiet-color: #a1a1aa;
  --body-medium-color: #c4c4cc;
  --body-loud-color: #f4f4f5;

  --header-color: #f4f4f5;
  --header-branding-color: #f4f4f5;
  --header-bg: #131316;
  --header-link-color: #f4f4f5;

  --breadcrumbs-fg: #a1a1aa;
  --breadcrumbs-link-fg: #f4f4f5;
  --breadcrumbs-bg: #131316;

  --link-fg: #a78bfa;
  --link-hover-color: #c4b5fd;
  --link-selected-fg: #a78bfa;

  --hairline-color: #26262b;
  --border-color: #26262b;

  --error-fg: #f87171;
  --message-success-bg: #10331f;
  --message-warning-bg: #3a2a08;
  --message-error-bg: #3a1414;

  --darkened-bg: #18181b;
  --selected-bg: #18181b;
  --selected-row: #1c1c22;

  --button-fg: #ffffff;
  --button-bg: #7c3aed;
  --button-hover-bg: #6d28d9;
  --default-button-bg: #27272a;
  --default-button-hover-bg: #3f3f46;
  --close-button-bg: #27272a;
  --close-button-hover-bg: #3f3f46;
  --delete-button-bg: #dc2626;
  --delete-button-hover-bg: #b91c1c;

  --object-tools-fg: #ffffff;
  --object-tools-bg: #27272a;
  --object-tools-hover-bg: #3f3f46;

  --font-family-primary: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body, #container { background: var(--body-bg); }

#header, .breadcrumbs, .module h2, .module caption, fieldset.module h2 {
  border-radius: 0;
}

.module, .card, #changelist .actions, #content .card {
  border: 1px solid var(--border-color);
  border-radius: .6rem;
}

#content-main .module, .dashboard .module {
  background: #131316;
  border: 1px solid var(--border-color);
  border-radius: .6rem;
  overflow: hidden;
}

a:link, a:visited { color: var(--link-fg); }

input[type=text], input[type=password], input[type=email], input[type=url],
input[type=number], input[type=tel], input[type=date], textarea, select,
.vTextField, .vDateField, .vTimeField {
  background-color: #18181b !important;
  color: var(--body-fg) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: .45rem !important;
}

.button, input[type=submit], input[type=button], .submit-row input, a.button {
  border-radius: .5rem;
}

#changelist-filter {
  background: #131316;
  border: 1px solid var(--border-color);
  border-radius: .6rem;
}
#changelist-filter h2 { background: #18181b; border-radius: .6rem .6rem 0 0; }
#changelist-filter li.selected a { color: var(--accent); }

#nav-sidebar {
  background: #0c0c0e;
  border-color: var(--border-color);
}
#nav-sidebar .current-model { background: #18181b; }

div.paginator {
  background: #131316;
  border-top: 1px solid var(--border-color);
}

.calendar caption, .clockbox, .calendarbox, .timelist { background: #18181b; }

/* Disabled fields (system/process-managed) read clearly as non-editable */
input:disabled, select:disabled, textarea:disabled {
  opacity: .5;
  cursor: not-allowed;
  background-color: #131316 !important;
}