/* Habillage co-labor de l'administration Django */
@import url("/static/polices/polices.css");

:root{
  --cl-vert:#86A328; --cl-vert-fonce:#006633; --cl-vert-moyen:#5E9371;
  --cl-orange:#F17121; --cl-gris:#9D9D9C; --cl-doux:#6C757D;
  --cl-fond:#F6F7F3; --cl-bord:#E3E7DC; --cl-voile:#F0F5E5;

  /* jetons natifs de l'admin Django, redéfinis */
  --primary:#006633;
  --secondary:#006633;
  --accent:#86A328;
  --primary-fg:#ffffff;
  --header-bg:#006633;
  --header-color:#ffffff;
  --header-branding-color:#ffffff;
  --header-link-color:#ffffff;
  --breadcrumbs-bg:#86A328;
  --breadcrumbs-fg:#ffffff;
  --breadcrumbs-link-fg:#ffffff;
  --link-fg:#006633;
  --link-hover-color:#86A328;
  --link-selected-fg:#86A328;
  --body-fg:#2C3330;
  --body-bg:#F6F7F3;
  --body-quiet-color:#6C757D;
  --body-loud-color:#2C3330;
  --button-bg:#86A328;
  --button-fg:#ffffff;
  --button-hover-bg:#78931f;
  --default-button-bg:#006633;
  --default-button-hover-bg:#00512a;
  --close-button-bg:#9D9D9C;
  --close-button-hover-bg:#7d7d7c;
  --delete-button-bg:#B03A2E;
  --delete-button-hover-bg:#96301f;
  --object-tools-bg:#5E9371;
  --object-tools-hover-bg:#006633;
  --selected-bg:#F0F5E5;
  --selected-row:#FBFCF6;
  --border-color:#E3E7DC;
  --darkened-bg:#EFF1EA;
  --hairline-color:#EDEFE8;
  --font-family-primary:"Roboto","Segoe UI",system-ui,sans-serif;
}

body{font-family:var(--font-family-primary);font-size:14px}
h1,h2,h3,h4,.module h2,.module caption,#content h1{
  font-family:"Reem Kufi","Segoe UI",system-ui,sans-serif;letter-spacing:.01em}

/* en-tête de marque */
#header{padding:14px 32px;border-bottom:3px solid var(--cl-vert)}
#branding h1{font-family:"Reem Kufi",sans-serif;font-weight:600;font-size:19px}
#branding h1 a:link,#branding h1 a:visited{color:#fff}
#site-name-logo{height:34px;width:auto;vertical-align:middle;margin-right:12px;
  background:#fff;padding:4px 8px;border-radius:4px}

div.breadcrumbs{padding:9px 32px;font-size:12.5px;font-weight:500}

/* modules et tableaux */
.module{border:1px solid var(--cl-bord);border-radius:8px;overflow:hidden;
  box-shadow:0 1px 2px rgba(44,51,48,.05)}
.module h2,.module caption{background:var(--cl-vert-fonce);font-size:13px;
  text-transform:none;letter-spacing:.02em;padding:10px 14px}
#changelist table thead th{background:var(--cl-voile);font-size:11.5px;
  text-transform:uppercase;letter-spacing:.05em;color:var(--cl-vert-fonce)}
tbody tr:hover{background:#FAFBF7}

/* boutons */
.button,input[type=submit],input[type=button],.submit-row input,a.button{
  border-radius:4px;font-weight:500;letter-spacing:.01em;padding:9px 16px;border:0}
.submit-row{border-radius:0 0 8px 8px;background:var(--cl-voile);
  border-top:1px solid var(--cl-bord)}
.object-tools a{border-radius:4px;text-transform:none;letter-spacing:.02em;font-weight:500}

/* champs */
input[type=text],input[type=password],input[type=email],input[type=number],
textarea,select,.vTextField{border:1px solid #CBD3C0;border-radius:4px;padding:8px 10px}
input:focus,textarea:focus,select:focus{outline:2px solid #b1d246;outline-offset:-1px;
  border-color:var(--cl-vert)}

/* barre latérale */
#nav-sidebar .current-model{background:var(--cl-voile)}
.help,p.help,div.help{color:var(--cl-doux);font-size:12.5px}

/* messages */
ul.messagelist li{border-radius:4px;font-size:13.5px;padding:11px 14px 11px 40px}
ul.messagelist li.success{background:var(--cl-voile);color:var(--cl-vert-fonce);
  border-left:3px solid var(--cl-vert)}
ul.messagelist li.warning{background:#FDF0E7;color:#b8531a;border-left:3px solid var(--cl-orange)}
ul.messagelist li.error{background:#FBEBE9;color:#B03A2E;border-left:3px solid #B03A2E}

/* bandeau de mode repris de l'application */
.gk-mode{color:#fff;font-size:12.5px;font-weight:500;padding:9px 32px;
  display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.gk-mode.test{background:#006633}
.gk-mode.prod{background:#F17121}
.gk-mode .jeton{background:rgba(255,255,255,.2);padding:2px 10px;border-radius:20px;
  font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.gk-mode a{color:#fff;text-decoration:underline}

/* page de connexion */
body.login{background:var(--cl-fond)}
.login #container{border:1px solid var(--cl-bord);border-radius:10px;
  box-shadow:0 2px 6px rgba(44,51,48,.08),0 14px 40px rgba(44,51,48,.09);
  background:#fff;overflow:hidden;margin-top:8vh}
.login #header{background:#fff;border-bottom:1px solid var(--cl-bord);
  padding:30px 26px 22px;text-align:center;height:auto;display:block}
.login #header h1{margin:0;font-size:17px;line-height:1.35}
/* le jeton --header-branding-color vaut blanc pour l'en-tête foncé :
   sur la page de connexion, le fond est clair, on repasse en vert foncé */
.login #branding h1 a:link,.login #branding h1 a:visited{
  color:var(--cl-vert-fonce);display:block;text-decoration:none}
.login #site-name-logo{display:block;margin:0 auto 14px;height:54px;
  background:none;padding:0;border-radius:0}
.login #content{padding:26px 30px 8px}
.login .form-row{padding:0 0 14px}
.login .submit-row{background:none;border:0;padding:12px 0 0;margin:0}
.login .submit-row input{width:100%;background:var(--cl-vert);padding:12px;font-size:14px}
.login .submit-row input:hover{background:#78931f}
.login #content-main{width:100%}
.login #container{width:26em;min-width:310px;margin:0 auto}
.login .gk-devise{text-align:center;color:var(--cl-vert);font-family:"Reem Kufi",sans-serif;
  font-size:12.5px;padding:2px 0 22px;letter-spacing:.02em}
.login .gk-mode{display:none}