/* RISC-GTI PRO — application de CHARTE_GRAPHIQUE_RISC_GTI_PRO_V1_1
   Périmètre visuel uniquement : menu, typographie, couleurs, fonds.
   Aucun workflow/API métier modifié. */

:root{
  --risc-pro-font: Inter, Arial, Helvetica, sans-serif;
  --risc-pro-text:#5c503b;
  --risc-pro-text-muted:#756852;
  --risc-pro-gold:#bfa56a;
  --risc-pro-gold-dark:#a88e54;
  --risc-pro-gold-soft:#f4edde;
  --risc-pro-success:#4e8962;
  --risc-pro-danger:#b35b57;
  --risc-pro-bg:#f4f1ea;
  --risc-pro-surface:rgba(255,255,255,.96);
  --risc-pro-surface-soft:rgba(255,255,255,.90);
  --risc-pro-border:#ded6c8;
  --risc-pro-shadow:0 14px 38px rgba(92,80,59,.10);
}

/* FOND PRO : neutre et stable ; aucune photographie absente de l'archive n'est inventée. */
html,body{min-height:100%}
body.gti-page-shell{
  margin:0;
  color:var(--risc-pro-text);
  font-family:var(--risc-pro-font);
  background:
    radial-gradient(circle at 12% 0%, rgba(191,165,106,.10), transparent 34rem),
    linear-gradient(180deg,#f7f4ee 0%,var(--risc-pro-bg) 52%,#efebe3 100%);
  background-attachment:fixed;
}

/* TYPOGRAPHIE */
body.gti-page-shell,
body.gti-page-shell button,
body.gti-page-shell input,
body.gti-page-shell select,
body.gti-page-shell textarea{
  font-family:var(--risc-pro-font);
}
body.gti-page-shell p,
body.gti-page-shell li,
body.gti-page-shell label,
body.gti-page-shell input,
body.gti-page-shell select,
body.gti-page-shell textarea,
body.gti-page-shell button{
  font-size:max(14px,1em);
}
body.gti-page-shell .gti-kicker,
body.gti-page-shell .gti-body-intro,
body.gti-page-shell .gti-field label,
body.gti-page-shell .gti-quick-item span,
body.gti-page-shell .location-human-context__title span,
body.gti-page-shell .location-human-context__grid span,
body.gti-page-shell .gti-note{
  color:var(--risc-pro-text-muted);
}
body.gti-page-shell .gti-field label,
body.gti-page-shell .gti-quick-item span,
body.gti-page-shell .location-human-context__grid span{
  font-size:14px;
}

/* SURFACES */
body.gti-page-shell .desktop-topbar,
body.gti-page-shell .gti-body-block,
body.gti-page-shell .gti-toggle,
body.gti-page-shell .location-human-context,
body.gti-page-shell .loc-progress-card,
body.gti-page-shell .location-contact-selector-modal__dialog,
body.gti-page-shell .message-modal{
  background:var(--risc-pro-surface);
  border-color:var(--risc-pro-border);
  box-shadow:var(--risc-pro-shadow);
}
body.gti-page-shell .gti-quick-item,
body.gti-page-shell .gti-field,
body.gti-page-shell .status-pill,
body.gti-page-shell .gti-cycle li,
body.gti-page-shell .gti-access-step{
  background:var(--risc-pro-surface-soft);
  border-color:var(--risc-pro-border);
}

/* OR = ACCENT, jamais grande surface de travail */
body.gti-page-shell a{color:#715f35}
body.gti-page-shell :focus-visible{
  outline:3px solid rgba(191,165,106,.48);
  outline-offset:2px;
}
body.gti-page-shell .gti-btn.primary{
  background:var(--risc-pro-gold-dark);
  border-color:var(--risc-pro-gold-dark);
  color:#fff;
}
body.gti-page-shell .gti-btn.primary:hover{filter:brightness(.96)}
body.gti-page-shell .gti-btn.secondary,
body.gti-page-shell .gti-btn{
  background:#fff;
  border-color:var(--risc-pro-border);
  color:var(--risc-pro-text);
}
body.gti-page-shell .gti-cycle li.current,
body.gti-page-shell .gti-access-step.current{
  background:var(--risc-pro-gold-soft);
  border-color:var(--risc-pro-gold);
  color:var(--risc-pro-text);
}
body.gti-page-shell .status-ok{background:#edf6ef;border-color:#c7dfce}
body.gti-page-shell .status-critical{background:#fbefee;border-color:#e6c1be}
body.gti-page-shell .status-warning{background:#fbf4e6;border-color:#e8d4a9}

/* MENU COMMUN */
.risc-common-topbar-left{display:flex;align-items:center}
.risc-common-menu-wrap{position:relative}
.risc-common-menu-toggle{
  width:46px;height:46px;padding:0;border:1px solid var(--risc-pro-border);
  border-radius:12px;background:#fff;cursor:pointer;position:relative;
  box-shadow:0 6px 18px rgba(92,80,59,.08);
}
.risc-common-menu-toggle::before,
.risc-common-menu-toggle::after,
.risc-common-menu-toggle{--bar:var(--risc-pro-text)}
.risc-common-menu-toggle::before{
  content:"";position:absolute;left:12px;right:12px;top:14px;height:2px;
  background:var(--bar);box-shadow:0 7px 0 var(--bar),0 14px 0 var(--bar);
}
.risc-common-menu-toggle[aria-expanded="true"]::before{
  top:22px;box-shadow:none;transform:rotate(45deg);
}
.risc-common-menu-toggle[aria-expanded="true"]::after{
  content:"";position:absolute;left:12px;right:12px;top:22px;height:2px;
  background:var(--bar);transform:rotate(-45deg);
}
.risc-common-menu{
  color:var(--risc-pro-text);
}
.risc-common-menu-section{padding:18px 20px;border-bottom:1px solid var(--risc-pro-border)}
.risc-common-menu-section:last-child{border-bottom:0}
.risc-common-menu-title{
  margin:0 0 10px;font-size:13px;line-height:1.2;letter-spacing:.08em;
  text-transform:uppercase;color:var(--risc-pro-text-muted);
}
.risc-common-menu a{
  display:block;padding:12px 14px;margin:4px 0;border-radius:12px;
  color:var(--risc-pro-text);text-decoration:none;font-weight:600;font-size:14px;
}
.risc-common-menu a:hover,
.risc-common-menu a:focus-visible{
  background:var(--risc-pro-gold-soft);
}

/* DESKTOP : drawer latéral glissant */
@media (min-width: 769px){
  .risc-common-menu{
    display:block !important;
    position:fixed;z-index:10020;top:0;left:0;bottom:0;width:min(340px,86vw);
    padding:78px 0 20px;background:#fbfaf7;border-right:1px solid var(--risc-pro-border);
    box-shadow:18px 0 48px rgba(92,80,59,.18);overflow:auto;
    transform:translateX(-105%);visibility:hidden;
    transition:transform .24s ease,visibility .24s step-end;
  }
  .risc-common-menu[data-open="true"]{
    transform:translateX(0);visibility:visible;
    transition:transform .24s ease,visibility 0s;
  }
  .risc-pro-menu-overlay{
    position:fixed;inset:0;z-index:10010;background:rgba(50,44,34,.28);
    opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s step-end;
  }
  .risc-pro-menu-overlay[data-open="true"]{
    opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s;
  }
}

/* MOBILE : hamburger ouvrant un menu compact */
@media (max-width: 768px){
  .gti-production-page{padding-left:10px;padding-right:10px}
  .desktop-topbar{position:sticky;top:0;z-index:1000}
  .risc-common-menu{
    display:none !important;
    position:absolute;z-index:10020;top:56px;left:0;width:min(320px,calc(100vw - 20px));
    max-height:calc(100vh - 76px);overflow:auto;background:#fbfaf7;
    border:1px solid var(--risc-pro-border);border-radius:16px;
    box-shadow:0 18px 48px rgba(92,80,59,.20);
  }
  .risc-common-menu[data-open="true"]{display:block !important}
  .topbar-status-pills{gap:6px}
  .status-pill{padding:7px 9px}
}