/* Réglages aux couleurs de l'application (04/10/2026).
   L'administration de Django s'habille par ses variables : on les remplace par les jetons de la charte
   (anthracite, orange, Asap), en clair seulement, comme le reste de l'outil. */
@font-face{font-family:Asap;font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/asap-latin-400-normal.245cfa00ed80.woff2") format("woff2")}
@font-face{font-family:Asap;font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/asap-latin-600-normal.34a9b4758dab.woff2") format("woff2")}
@font-face{font-family:Asap;font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/asap-latin-700-normal.c1cd13c22d3f.woff2") format("woff2")}
@font-face{font-family:"Asap Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/asap-condensed-latin-600-normal.8968f07236d0.woff2") format("woff2")}
@font-face{font-family:"Asap Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/asap-condensed-latin-700-normal.7ed5693d85a0.woff2") format("woff2")}

:root,html[data-theme="light"],html[data-theme="dark"]{
  --anthracite:#323744; --orange:#F26729; --action:#B54809; --action-h:#9C3E07;
  --ink:#232733; --muted:#6E707B; --paper:#F6F6F8; --surface:#fff; --surface-2:#F0F0F3; --rule:#E1E2E7; --rule-2:#CBCDD5;
  --primary:#323744; --secondary:#323744; --accent:#F26729;
  --primary-fg:#fff;
  --body-fg:#232733; --body-bg:#F6F6F8; --body-quiet-color:#6E707B; --body-loud-color:#232733;
  --header-color:#323744; --header-branding-color:#323744; --header-bg:#fff; --header-link-color:#fff;
  --breadcrumbs-fg:#6E707B; --breadcrumbs-link-fg:#B54809; --breadcrumbs-bg:#F0F0F3;
  --link-fg:#B54809; --link-hover-color:#9C3E07; --link-selected-fg:#B54809;
  --hairline-color:#E1E2E7; --border-color:#CBCDD5;
  --darkened-bg:#F0F0F3; --selected-bg:#ECECEF; --selected-row:#FCF1D3;
  --button-fg:#fff; --button-bg:#323744; --button-hover-bg:#232733;
  --default-button-bg:#B54809; --default-button-hover-bg:#9C3E07;
  --close-button-bg:#6E707B; --close-button-hover-bg:#323744;
  --object-tools-fg:#fff; --object-tools-bg:#323744; --object-tools-hover-bg:#232733;
  --font-family-primary:Asap,"Segoe UI",system-ui,sans-serif;
  color-scheme:light;
}
@media(prefers-color-scheme:dark){:root,html[data-theme="auto"]{
  --primary:#323744; --secondary:#323744; --body-fg:#232733; --body-bg:#F6F6F8; --header-bg:#fff; --header-color:#323744;
  --header-branding-color:#323744; --breadcrumbs-bg:#F0F0F3; --breadcrumbs-fg:#6E707B; --breadcrumbs-link-fg:#B54809;
  --link-fg:#B54809; --hairline-color:#E1E2E7; --border-color:#CBCDD5; --darkened-bg:#F0F0F3; --body-quiet-color:#6E707B;
  --body-loud-color:#232733; --selected-bg:#ECECEF; --selected-row:#FCF1D3; --default-button-bg:#B54809; color-scheme:light}}
.theme-toggle{display:none}

body{font-family:Asap,"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;
  background:var(--paper);color:var(--ink)}

/* la barre du haut : blanche, filet orange, comme l'application */
#header{background:var(--surface);color:var(--anthracite);border-bottom:3px solid var(--orange);padding:.7rem clamp(1rem,3vw,2rem);
  box-shadow:none}
#header a:link,#header a:visited{color:var(--anthracite)}
#branding h1,#site-name{margin:0}
#site-name a{font-weight:700;letter-spacing:.05em;font-size:.95rem;text-decoration:none;color:var(--anthracite)}
#site-name a span{font-weight:400;color:#81828C}
#site-name a em{font-style:normal;margin-left:.8rem;padding-left:.8rem;border-left:1px solid var(--rule-2);
  font-family:"Asap Condensed",Asap,sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.86rem;color:var(--muted)}
#user-tools{font-family:"Asap Condensed",Asap,sans-serif;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;
  display:flex;gap:1rem;align-items:center;flex-wrap:wrap;color:var(--muted)}
#user-tools a:link,#user-tools a:visited,#user-tools button{color:var(--muted);border:0;padding:0;background:none;font:inherit;
  letter-spacing:inherit;text-transform:inherit;text-decoration:none;cursor:pointer}
#user-tools a:hover,#user-tools button:hover{color:var(--anthracite);border-bottom:0}
#user-tools strong{color:var(--anthracite)}
#user-tools form{display:inline;margin:0}

/* fil d'Ariane et titres */
div.breadcrumbs{padding:.55rem clamp(1rem,3vw,2rem);font-size:.88rem;background:var(--surface-2);border:0;border-bottom:1px solid var(--rule)}
div.breadcrumbs a{color:var(--action)}
#content{padding:1.2rem clamp(1rem,3vw,2rem);max-width:1400px;margin:0 auto}
h1,h2,h3,#content h1{font-family:"Asap Condensed",Asap,sans-serif;font-weight:700;color:var(--anthracite)}
#content h1{font-size:1.9rem;line-height:1.1;margin:0 0 1rem}
.module h2,.module caption,.inline-group h2{background:var(--anthracite);color:#fff;font-family:"Asap Condensed",Asap,sans-serif;
  font-weight:700;letter-spacing:.04em;text-transform:none;font-size:.95rem}
.module,.inline-group{border-radius:5px;overflow:hidden}
.module{border:1px solid var(--rule);background:var(--surface)}
thead th,.module th{font-family:"Asap Condensed",Asap,sans-serif;letter-spacing:.04em}
thead th a:link,thead th a:visited{color:var(--anthracite)}
table{background:var(--surface)}
tr:nth-child(even) td,tr:nth-child(even) th{background:#FBFBFC}
.results{border-radius:5px;overflow:hidden;border:1px solid var(--rule)}

/* boutons et champs */
.button,input[type=submit],input[type=button],.submit-row input,a.button{border-radius:4px;font-family:Asap,"Segoe UI",system-ui,sans-serif;font-weight:600}
.button.default,input[type=submit].default,.submit-row input.default{background:var(--action)}
.button.default:hover,input[type=submit].default:hover{background:var(--action-h)}
.object-tools a:link,.object-tools a:visited{border-radius:4px;font-family:"Asap Condensed",Asap,sans-serif;letter-spacing:.06em;text-transform:uppercase}
input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=date],input[type=time],textarea,select,.vTextField{
  border:1px solid var(--rule-2);border-radius:4px;font-family:Asap,"Segoe UI",system-ui,sans-serif;background:var(--surface);color:var(--ink)}
input:focus,textarea:focus,select:focus{border-color:var(--action);outline:2px solid rgba(181,72,9,.25)}
.messagelist li{border-radius:4px}

/* l'accueil de Réglages : des dossiers en cartes, comme l'accueil du Contexte */
.dossier{background:var(--surface);border:1px solid var(--rule);border-radius:5px;margin:0 0 1rem}
.dossier>summary{cursor:pointer;list-style:none;padding:.85rem 1.3rem;font-family:"Asap Condensed",Asap,sans-serif;font-weight:700;
  font-size:1.2rem;color:var(--anthracite);display:flex;align-items:baseline;gap:.5rem}
.dossier>summary::-webkit-details-marker{display:none}
.dossier>summary::before{content:"\25B8";color:var(--orange);font-size:.9rem}
.dossier[open]>summary::before{content:"\25BE"}
.dossier[open]>summary{border-bottom:1px solid var(--rule)}
.dossier .nb{font-family:Asap,"Segoe UI",system-ui,sans-serif;font-weight:400;font-size:.85rem;color:var(--muted);margin-left:auto}
.dossier .aide{margin:.8rem 1.3rem .4rem;color:var(--muted);font-size:.92rem}
.dossier .sous{margin:.2rem 1.3rem 1rem}
.dossier .sous h3{margin:.6rem 0 .4rem;font-size:.78rem;font-family:"Asap Condensed",Asap,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.dossier ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.45rem .8rem}
.dossier li{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;padding:.45rem .7rem;border:1px solid var(--rule);
  border-radius:5px;background:var(--surface)}
.dossier li:hover{border-color:var(--action)}
.dossier li a{text-decoration:none;font-weight:600}
.dossier li .plus{font-size:.8rem;font-weight:400;color:var(--muted)}
.dossier li .plus:hover{color:var(--action)}

/* 13/10/2026 : les titres de section (Django 5.2 : .fieldset-heading) prenaient --header-bg / --header-link-color,
   tous deux blancs ici : ils étaient invisibles. */
fieldset .fieldset-heading,fieldset .inline-heading{background:var(--anthracite);color:#fff;border-color:var(--anthracite)}