/* O Admin do Django com a marca da Fidelis: base clara, grafite no texto,
   amarelo só de acento (fio do topo, item marcado). Carregado em
   templates/admin/base_site.html, depois do base.css do Admin. */

:root, html[data-theme="light"], html[data-theme="dark"] {
  --primary: #26262B;
  --secondary: #3A3A3A;
  --accent: #FFA500;
  --primary-fg: #FFFFFF;

  --body-fg: #26262B;
  --body-bg: #FFFFFF;
  --body-quiet-color: #6B6B6B;
  --body-medium-color: #525252;
  --body-loud-color: #1C1C1C;

  --header-color: #525252;
  --header-branding-color: #26262B;
  --header-bg: #FFFFFF;
  --header-link-color: #26262B;

  --breadcrumbs-fg: #6B6B6B;
  --breadcrumbs-link-fg: #26262B;
  --breadcrumbs-bg: #FAF8F3;

  --link-fg: #26262B;
  --link-hover-color: #B45309;
  --link-selected-fg: #26262B;

  --hairline-color: #EDEBE6;
  --border-color: #D4D4D4;

  --darkened-bg: #FAF8F3;
  --selected-bg: #F2F2F2;
  --selected-row: #FFF7E6;

  --button-fg: #FFFFFF;
  --button-bg: #3A3A3A;
  --button-hover-bg: #1C1C1C;
  --default-button-bg: #26262B;
  --default-button-hover-bg: #1C1C1C;
  --close-button-bg: #A3A3A3;
  --close-button-hover-bg: #525252;
  --object-tools-bg: #3A3A3A;
  --object-tools-hover-bg: #1C1C1C;

  --message-success-bg: #F0FDF4;
  --message-warning-bg: #FFFBEB;
  --message-error-bg: #FEF2F2;
  --message-info-bg: #FAF8F3;

  --font-family-primary: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: light;
}

body { background: #FAF8F3; }
h1, #content h1, .module h2, .module caption { font-family: "Lora", Georgia, serif; }
#content h1 { font-weight: 600; color: #26262B; }

/* Topo: branco, com o fio amarelo da marca */
#header {
  border-top: 3px solid #FFA500;
  border-bottom: 1px solid #EDEBE6;
  padding: 10px 24px;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
}
#branding { display: flex; align-items: center; gap: 14px; }
#branding .fidelis-marca { display: inline-flex; align-items: center; }
#branding .fidelis-marca img { height: 34px; width: auto; display: block; border-radius: 6px; }
#branding .fidelis-secao {
  border-left: 1px solid #E5E5E5; padding-left: 14px;
  color: #6B6B6B; font-size: 0.875rem; text-decoration: none;
}
#branding .fidelis-secao:hover { color: #26262B; }
#user-tools { font-size: 0.8125rem; text-transform: none; letter-spacing: 0; color: #525252; }
#logout-form button { font-size: inherit; font-family: inherit; }
#user-tools a, #logout-form button { color: #26262B; border-bottom: none; text-transform: none; letter-spacing: 0; }
#user-tools a:hover, #logout-form button:hover { color: #B45309; text-decoration: underline; }
#user-tools .fidelis-voltar {
  display: inline-block; margin: 0 8px 0 10px; padding: 5px 12px;
  border: 1px solid #D4D4D4; border-radius: 6px; font-weight: 500;
}
#user-tools .fidelis-voltar:hover { border-color: #26262B; text-decoration: none; }

/* Atalhos do sistema logo abaixo do topo */
.fidelis-atalhos {
  flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 2px;
  margin: 2px -8px -4px; font-size: 0.875rem;
}
.fidelis-atalhos a { padding: 5px 10px; border-radius: 6px; color: #525252; text-decoration: none; }
.fidelis-atalhos a:hover { background: #F2F2F2; color: #26262B; }
.fidelis-contador {
  display: inline-block; margin-left: 2px; padding: 0 6px; border-radius: 999px;
  background: #FFA500; color: #26262B; font-size: 0.75rem; font-weight: 600;
}

/* Trilha, módulos e tabelas */
div.breadcrumbs { border-bottom: 1px solid #EDEBE6; padding: 10px 24px; }
div.breadcrumbs a { color: #26262B; }
.module { border-radius: 8px; overflow: hidden; border: 1px solid #EDEBE6; }
.module h2, .module caption, .inline-group h2 {
  background: #FAF8F3; color: #26262B; font-size: 0.95rem; font-weight: 600;
  border-bottom: 1px solid #EDEBE6; text-transform: none; letter-spacing: 0;
}
.module caption a, .module h2 a, .inline-group h2 a { color: #26262B; }
#nav-sidebar .module th a, #nav-sidebar .module caption a { color: #26262B; }
#nav-sidebar .current-model { background: #FFF7E6; }
#nav-sidebar { border-right: 1px solid #EDEBE6; background: #FFFFFF; }
#toggle-nav-sidebar { background: #FFFFFF; border-color: #EDEBE6; color: #6B6B6B; }
thead th, tfoot td { background: #FAF8F3; color: #525252; }
#changelist-filter { border-radius: 8px; border: 1px solid #EDEBE6; }
#changelist-filter h2 { background: #FAF8F3; color: #26262B; font-family: "Lora", Georgia, serif; }
#changelist-filter li.selected a { color: #26262B; }
#changelist-filter li.selected { border-left-color: #FFA500; }
.object-tools a { border-radius: 999px; text-transform: none; letter-spacing: 0; }
.button, input[type=submit], input[type=button], .submit-row input, a.button { border-radius: 6px; }
.submit-row { border-radius: 8px; background: #FAF8F3; border: 1px solid #EDEBE6; }
.paginator a:link, .paginator a:visited { background: #3A3A3A; border-radius: 4px; }
.paginator .this-page { color: #26262B; }
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number],
input[type=tel], textarea, select, .vTextField { border-radius: 6px; border-color: #D4D4D4; }
input:focus, select:focus, textarea:focus { border-color: #FFA500; outline: 2px solid #FFE7B3; }
#content { padding: 20px 24px; }

/* Celular: o topo empilha e os atalhos rolam de lado */
@media (max-width: 767px) {
  #header { padding: 10px 16px; }
  .fidelis-atalhos { flex-wrap: nowrap; overflow-x: auto; }
  #user-tools .fidelis-voltar { margin-left: 0; }
}