/* LICIT admin theme — repinta o admin do Django com a paleta violet
   sem mudar HTML. Carregado via {% block extrastyle %} no base_site.html. */

:root {
  --licit-violet-50:  #f5f3ff;
  --licit-violet-100: #ede9fe;
  --licit-violet-300: #c4b5fd;
  --licit-violet-500: #8b5cf6;
  --licit-violet-600: #7c3aed;
  --licit-violet-700: #6d28d9;
  --licit-violet-900: #4c1d95;
  --licit-emerald-500: #10b981;
  --licit-rose-500:   #f43f5e;
  --licit-amber-500:  #f59e0b;

  /* Variáveis do admin do Django 5.x (light theme) — sobrescrevemos. */
  --primary: var(--licit-violet-600);
  --secondary: var(--licit-violet-700);
  --accent: var(--licit-violet-500);
  --link-fg: var(--licit-violet-700);
  --link-hover-color: var(--licit-violet-900);
  --link-selected-fg: var(--licit-violet-600);
  --button-bg: var(--licit-violet-600);
  --button-hover-bg: var(--licit-violet-700);
  --default-button-bg: var(--licit-violet-600);
  --default-button-hover-bg: var(--licit-violet-700);
  --header-bg: var(--licit-violet-900);
  --header-link-color: #ffffff;
  --breadcrumbs-bg: var(--licit-violet-700);
  --breadcrumbs-fg: #ffffff;
  --breadcrumbs-link-fg: #e9d5ff;
  --selected-bg: var(--licit-violet-100);
  --selected-row: var(--licit-violet-50);
  --message-success-bg: #ecfdf5;
  --message-warning-bg: #fffbeb;
  --message-error-bg:   #fff1f2;
}

/* Header */
#header {
  background: linear-gradient(135deg, var(--licit-violet-700), var(--licit-violet-900));
}
#branding h1, #branding h1 a:link, #branding h1 a:visited {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.02em;
}
#branding h1::before {
  content: "LICIT · ";
  opacity: 0.7;
  margin-right: 0.25em;
}

/* Breadcrumbs */
div.breadcrumbs {
  background: var(--licit-violet-700);
  color: #ffffff;
}
div.breadcrumbs a { color: #e9d5ff; }
div.breadcrumbs a:hover { color: #ffffff; }

/* Module headers (caixas dos apps) */
.module h2, .module caption, .inline-group h2 {
  background: var(--licit-violet-600);
  color: #ffffff;
  letter-spacing: 0.02em;
}
.module {
  border-color: var(--licit-violet-100);
  border-radius: 8px;
  overflow: hidden;
}

/* Botões */
.button, input[type=submit], input[type=button], .submit-row input, a.button {
  background: var(--licit-violet-600);
  color: #ffffff;
  border-radius: 6px;
  font-weight: 600;
  transition: background-color 0.15s;
}
.button:hover, input[type=submit]:hover, input[type=button]:hover,
.submit-row input:hover, a.button:hover {
  background: var(--licit-violet-700);
}
.button.default, input[type=submit].default, .submit-row input.default {
  background: var(--licit-violet-700);
}
.button.default:hover, input[type=submit].default:hover {
  background: var(--licit-violet-900);
}
.deletelink, .deletelink-box .deletelink {
  background: var(--licit-rose-500);
}
.deletelink:hover { background: #be123c; }

/* Links */
a:link, a:visited { color: var(--licit-violet-700); }
a:hover, a:focus { color: var(--licit-violet-900); }

/* Tabela: hover + linha selecionada */
.results tr:hover { background: var(--licit-violet-50); }
.results tr.selected { background: var(--licit-violet-100); }
.results th { background: #fafafa; color: #1f2937; }
.results th a:link, .results th a:visited { color: #1f2937; }

/* Inputs em foco */
input:focus, select:focus, textarea:focus {
  border-color: var(--licit-violet-500) !important;
  outline: 1px solid var(--licit-violet-500);
}

/* Topbar do usuário */
#user-tools { font-weight: 600; }
#user-tools a:link, #user-tools a:visited { color: #f5f3ff; }
#user-tools a:hover { color: #ffffff; text-decoration: underline; }

/* Sidebar de filtros */
#changelist-filter h2 {
  background: var(--licit-violet-100);
  color: var(--licit-violet-900);
}
#changelist-filter li.selected a { color: var(--licit-violet-700); font-weight: 700; }

/* Mensagens */
ul.messagelist li.success { background-color: #ecfdf5; border-color: var(--licit-emerald-500); color: #065f46; }
ul.messagelist li.warning { background-color: #fffbeb; border-color: var(--licit-amber-500); color: #92400e; }
ul.messagelist li.error   { background-color: #fff1f2; border-color: var(--licit-rose-500);  color: #991b1b; }

/* Login page polishing */
.login #content { padding: 0; }
.login #header { padding: 14px 40px; }
.login .form-row label { color: #475569; }

/* Cantos arredondados em geral */
.module, .form-row, fieldset.module {
  border-radius: 8px;
}

/* Tipografia */
body, td, th, input, select, textarea, button {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
h1, h2, h3, .module h2 {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}