:root {
  color-scheme: light;
  --ink-950: #071a31;
  --ink-900: #0b2341;
  --ink-800: #153556;
  --ink-700: #31506f;
  --ink-600: #55708a;
  --ink-500: #71879d;
  --blue-700: #164fbf;
  --blue-600: #1e63e9;
  --blue-500: #2f78f5;
  --blue-100: #dceafe;
  --blue-50: #f0f6ff;
  --azure: #1597e5;
  --teal: #00a0a8;
  --green: #178963;
  --green-bg: #e8f7f1;
  --amber: #b66a0d;
  --amber-bg: #fff4dd;
  --red: #c63c50;
  --red-bg: #ffedf0;
  --violet: #6c5ce7;
  --canvas: #f3f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fbfe;
  --line: #dce6f0;
  --line-dark: #c7d5e4;
  --shadow-sm: 0 1px 2px rgba(7, 26, 49, 0.04), 0 8px 24px rgba(21, 53, 86, 0.05);
  --shadow-md: 0 18px 45px rgba(11, 35, 65, 0.12);
  --shadow-blue: 0 18px 34px rgba(30, 99, 233, 0.22);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --sidebar: 264px;
  --topbar: 76px;
  --ease: 180ms cubic-bezier(.2, .75, .35, 1);
  font-family: Inter, "Avenir Next", Avenir, "Segoe UI", system-ui, -apple-system, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }

html {
  min-width: 320px;
  min-height: 100%;
  scroll-padding-top: calc(var(--topbar) + 18px);
  background: var(--canvas);
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  min-height: 100dvh;
  color: var(--ink-900);
  background:
    radial-gradient(circle at 87% 3%, rgba(21, 151, 229, .08), transparent 26rem),
    var(--canvas);
  -webkit-font-smoothing: antialiased;
}

button, input, select, textarea { font: inherit; }
button, a, select, input[type="file"] { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.skip-link {
  position: fixed;
  z-index: 200;
  left: 16px;
  top: 12px;
  padding: 10px 13px;
  border-radius: 9px;
  color: #fff;
  background: var(--ink-950);
  transform: translateY(-180%);
  transition: transform var(--ease);
}
.skip-link:focus { transform: translateY(0); }

:focus-visible {
  outline: 3px solid rgba(30, 99, 233, .3);
  outline-offset: 2px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.icon { display: inline-block; flex: 0 0 auto; }
.icon.up { transform: rotate(-90deg); }
.icon.down { transform: rotate(90deg); }
.muted { color: var(--ink-600); }
.subtle { color: var(--ink-500); }
.text-good { color: var(--green); }
.text-warning { color: var(--amber); }
.text-critical { color: var(--red); }
.nowrap { white-space: nowrap; }

/* Connexion */
.login-page {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  grid-template-columns: minmax(360px, 1.08fr) minmax(420px, .92fr);
  background: #fff;
}

.language-toggle {
  min-width: 54px;
  min-height: 34px;
  padding: 7px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #bdd0e5;
  border-radius: 999px;
  color: var(--blue-700);
  background: rgba(255,255,255,.92);
  cursor: pointer;
  font-size: 11px;
  letter-spacing: .05em;
  box-shadow: 0 5px 15px rgba(7,38,72,.08);
}
.language-toggle:hover { border-color: var(--blue-400); background: var(--blue-50); }
.login-language-toggle { position: absolute; z-index: 5; top: 22px; right: 24px; }

.login-story {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100vh;
  min-height: 100dvh;
  padding: clamp(40px, 6vw, 92px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  background:
    linear-gradient(142deg, rgba(4, 22, 45, .97), rgba(13, 62, 117, .93) 60%, rgba(17, 117, 182, .9)),
    radial-gradient(circle at 70% 10%, #3098ff, transparent 45%);
}

.login-story::before,
.login-story::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
}

.login-story::before { width: 650px; height: 650px; right: -280px; top: -240px; }
.login-story::after { width: 410px; height: 410px; right: -140px; top: -120px; }

.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 760; letter-spacing: -.02em; }
.brand img { width: 38px; height: 38px; }
.brand span { font-size: 21px; }
.brand small { font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; opacity: .64; }
.brand-text { display: grid; line-height: 1.05; gap: 4px; }

.login-story-content { max-width: 620px; margin: 80px 0 58px; }
.login-kicker, .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.login-kicker { color: #9ed7ff; }
.login-story h1 { margin: 0; max-width: 720px; font-size: clamp(40px, 5vw, 72px); line-height: .99; letter-spacing: -.055em; }
.login-story-content > p { max-width: 560px; margin: 24px 0 34px; color: rgba(255,255,255,.72); font-size: 18px; line-height: 1.65; }
.login-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.login-proof-item { padding: 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.06); backdrop-filter: blur(10px); }
.login-proof-item strong { display: block; margin-bottom: 5px; font-size: 15px; }
.login-proof-item span { color: rgba(255,255,255,.6); font-size: 12px; line-height: 1.45; }
.login-footnote { color: rgba(255,255,255,.45); font-size: 12px; }

.login-panel { min-height: 100vh; min-height: 100dvh; padding: 40px; display: grid; place-items: center; }
.login-card { width: min(100%, 480px); }
.demo-label { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--blue-100); border-radius: 999px; color: var(--blue-700); background: var(--blue-50); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.login-card h2 { margin: 28px 0 10px; font-size: 32px; letter-spacing: -.035em; }
.login-card > p { margin: 0 0 30px; color: var(--ink-600); line-height: 1.6; }
.identity-card { margin: 0 0 22px; padding: 18px; display: flex; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-soft); }
.avatar { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--blue-600), var(--azure)); font-size: 13px; font-weight: 800; box-shadow: 0 6px 18px rgba(30,99,233,.22); }
.avatar.lg { width: 48px; height: 48px; font-size: 14px; }
.identity-copy { min-width: 0; flex: 1; }
.identity-copy strong, .identity-copy span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.identity-copy strong { font-size: 14px; }
.identity-copy span { margin-top: 3px; color: var(--ink-600); font-size: 12px; }
.login-security { margin-top: 20px; display: flex; align-items: flex-start; gap: 10px; color: var(--ink-500); font-size: 12px; line-height: 1.5; }
.user-profile-form { display: grid; gap: 16px; }
.user-profile-form .profile-fields { gap: 12px; }
.user-profile-form .field-label small { color: var(--ink-400); font-weight: 500; }
.user-profile-form .profile-actions { display: grid; gap: 10px; }
.login-card .user-profile-form { margin: 4px 0 8px; }
.login-card .user-profile-form + .login-security { margin-top: 18px; }

/* Boutons et contrôles */
.btn {
  min-height: 42px;
  padding: 10px 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  cursor: pointer;
  font-weight: 720;
  font-size: 13px;
  transition: transform var(--ease), box-shadow var(--ease), background var(--ease), border-color var(--ease);
}

.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.btn-primary { color: #fff; background: linear-gradient(135deg, var(--blue-600), #357ff2); box-shadow: 0 8px 18px rgba(30,99,233,.18); }
.btn-primary:hover { box-shadow: var(--shadow-blue); }
.btn-secondary { border-color: var(--line-dark); color: var(--ink-800); background: #fff; }
.btn-secondary:hover { border-color: #aebfd2; background: var(--surface-soft); }
.btn-soft { color: var(--blue-700); background: var(--blue-50); }
.btn-ghost { color: var(--ink-600); }
.btn-ghost:hover { color: var(--ink-900); background: #edf3f8; }
.btn-danger { color: var(--red); background: var(--red-bg); }
.btn-wide { width: 100%; }
.btn-lg { min-height: 50px; padding-inline: 20px; font-size: 14px; border-radius: 13px; }
.btn-icon { width: 42px; min-width: 42px; padding: 0; border-color: var(--line); background: #fff; }
.btn:disabled { opacity: .55; cursor: not-allowed; transform: none; box-shadow: none; }
.button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }

.field { display: grid; gap: 7px; }
.field label, .field-label { color: var(--ink-700); font-size: 12px; font-weight: 750; }
.input, .select, .textarea {
  width: 100%;
  border: 1px solid var(--line-dark);
  border-radius: 11px;
  color: var(--ink-900);
  background: #fff;
  transition: border-color var(--ease), box-shadow var(--ease);
}
.input, .select { min-height: 44px; padding: 10px 12px; }
.textarea { min-height: 92px; padding: 12px; resize: vertical; line-height: 1.5; }
.input:focus, .select:focus, .textarea:focus { outline: none; border-color: var(--blue-500); box-shadow: 0 0 0 3px rgba(30,99,233,.1); }
.input, .select, .textarea { scroll-margin-block: calc(var(--topbar) + 18px) 32px; }
.field-hint { color: var(--ink-500); font-size: 11px; line-height: 1.45; }
.search-field { position: relative; }
.search-field .icon { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--ink-500); }
.search-field .input { padding-left: 42px; }
.search-combo { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }

/* Shell */
.app-shell { min-height: 100vh; min-height: 100dvh; }
.sidebar {
  position: fixed;
  z-index: 50;
  inset: 0 auto 0 0;
  width: var(--sidebar);
  padding: 22px 16px 16px;
  display: flex;
  flex-direction: column;
  color: #d8e5f4;
  background: linear-gradient(180deg, #0a203c 0%, #0b294b 60%, #0a2342 100%);
  box-shadow: 12px 0 30px rgba(7,26,49,.08);
}
.sidebar .brand { padding: 0 10px 22px; color: #fff; }
.workspace-chip { width: calc(100% - 8px); margin: 0 4px 22px; padding: 11px 12px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; color: inherit; background: rgba(255,255,255,.055); font: inherit; text-align: left; cursor: pointer; }
.workspace-chip:hover { border-color: rgba(186,221,255,.3); background: rgba(255,255,255,.09); }
.workspace-chip:focus-visible { outline: 3px solid rgba(144,210,255,.42); outline-offset: 2px; }
.workspace-chip .workspace-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #baddff; background: rgba(46,133,238,.18); }
.workspace-chip div { min-width: 0; flex: 1; }
.workspace-chip strong, .workspace-chip span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.workspace-chip strong { color: #fff; font-size: 12px; }
.workspace-chip span { margin-top: 3px; color: #7fa0c1; font-size: 10px; }
.nav-label { margin: 0 12px 7px; color: #6f91b3; font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.nav-list { display: grid; gap: 4px; }
.nav-item { width: 100%; min-height: 44px; padding: 10px 12px; display: flex; align-items: center; gap: 12px; border: 0; border-radius: 11px; color: #94afca; background: transparent; cursor: pointer; text-align: left; font-size: 13px; font-weight: 680; transition: color var(--ease), background var(--ease), transform var(--ease); }
.nav-item:hover { color: #eaf4ff; background: rgba(255,255,255,.055); transform: translateX(2px); }
.nav-item.active { color: #fff; background: linear-gradient(100deg, rgba(47,120,245,.28), rgba(47,120,245,.1)); box-shadow: inset 3px 0 #50a6ff; }
.nav-item .nav-pill { margin-left: auto; min-width: 21px; height: 21px; padding: 0 6px; display: grid; place-items: center; border-radius: 999px; color: #fff; background: rgba(47,120,245,.42); font-size: 9px; }
.sidebar-spacer { flex: 1; }
.sidebar-profile { margin: 20px 4px 0; padding: 13px 10px; display: flex; align-items: center; gap: 10px; border-top: 1px solid rgba(255,255,255,.08); }
.sidebar-profile .avatar { width: 34px; height: 34px; font-size: 10px; }
.sidebar-profile .identity-copy strong { color: #fff; font-size: 11px; }
.sidebar-profile .identity-copy span { color: #7293b3; font-size: 9px; }
.sidebar-profile button { border: 0; color: #7798b8; background: none; cursor: pointer; }

.page-column { min-height: 100vh; min-height: 100dvh; margin-left: var(--sidebar); }
.topbar {
  position: sticky;
  z-index: 40;
  top: 0;
  min-height: var(--topbar);
  padding: 0 clamp(18px, 3vw, 38px);
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid rgba(199,213,228,.75);
  background: rgba(248,251,254,.87);
  backdrop-filter: saturate(150%) blur(16px);
}
.mobile-menu { display: none; }
.breadcrumbs { min-width: 0; flex: 1; }
.breadcrumbs small { display: block; margin-bottom: 3px; color: var(--ink-500); font-size: 10px; font-weight: 700; }
.breadcrumbs strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }
.publish-choice[hidden] { display: none !important; }
.topbar-actions { display: flex; align-items: center; gap: 8px; }
.status-indicator { min-height: 34px; padding: 7px 10px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink-600); background: rgba(255,255,255,.78); font-size: 10px; font-weight: 700; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(23,137,99,.11); }
.status-dot.offline { background: var(--amber); box-shadow: 0 0 0 3px rgba(182,106,13,.11); }
.topbar-avatar { border: 0; background: transparent; padding: 0 0 0 4px; cursor: pointer; }
.topbar-avatar .avatar { width: 36px; height: 36px; font-size: 11px; }
.page { width: min(100%, 1540px); margin: 0 auto; padding: 30px clamp(18px, 3vw, 38px) 64px; }
.page-header { margin-bottom: 24px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.page-header h1 { margin: 0; font-size: clamp(25px, 3vw, 34px); letter-spacing: -.04em; }
.page-header p { margin: 7px 0 0; color: var(--ink-600); font-size: 13px; line-height: 1.5; }
.eyebrow { color: var(--blue-600); }

/* Cartes et composants */
.card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.card-pad { padding: 22px; }
.card-head { margin-bottom: 18px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.card-head > div { min-width: 0; }
.card-head h2, .card-head h3 { margin: 0; letter-spacing: -.025em; }
.card-head h2 { font-size: 18px; }
.card-head h3 { font-size: 15px; }
.card-head p { margin: 5px 0 0; color: var(--ink-600); font-size: 12px; line-height: 1.45; }
.card-link { border: 0; color: var(--blue-600); background: none; cursor: pointer; font-size: 12px; font-weight: 750; }
.grid { display: grid; gap: 18px; }
.grid > * { min-width: 0; }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.span-2 { grid-column: span 2; }
.stack { display: grid; gap: 14px; }
.divider { height: 1px; margin: 18px 0; background: var(--line); }

.badge { min-height: 24px; padding: 4px 8px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid transparent; border-radius: 999px; white-space: nowrap; font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .025em; }
.badge-blue { color: var(--blue-700); background: var(--blue-50); border-color: #d5e5fc; }
.badge-good { color: var(--green); background: var(--green-bg); }
.badge-warning { color: var(--amber); background: var(--amber-bg); }
.badge-critical { color: var(--red); background: var(--red-bg); }
.badge-neutral { color: var(--ink-600); background: #edf3f7; }
.badge-violet { color: #5947c8; background: #f0edff; }
.badge-action { font: inherit; font-size: 9px; cursor: pointer; touch-action: manipulation; transition: filter 140ms ease, transform 140ms ease, box-shadow 140ms ease; }
.badge-action:hover { filter: saturate(1.15) brightness(.97); transform: translateY(-1px); }
.badge-action:focus-visible { outline: 3px solid rgba(24,118,210,.28); outline-offset: 2px; box-shadow: 0 0 0 1px #fff; }
.integration-actions > .badge-action { font-size: .875rem; min-height: 44px; padding: 10px 14px; max-width: 100%; white-space: normal; text-align: center; }

.progress { height: 7px; overflow: hidden; border-radius: 999px; background: #e8eff6; }
.progress > span { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--blue-600), var(--azure)); transition: width 400ms ease; }
.progress.thin { height: 5px; }
.metric { padding: 18px; }
.metric-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.metric-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: var(--blue-600); background: var(--blue-50); }
.metric-value { margin: 17px 0 3px; font-size: 27px; line-height: 1; font-weight: 790; letter-spacing: -.045em; }
.metric-label { color: var(--ink-600); font-size: 11px; }

/* Tableau de bord */
.dashboard-hero {
  position: relative;
  overflow: hidden;
  min-height: 255px;
  margin-bottom: 18px;
  padding: clamp(26px, 4vw, 42px);
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(240px,.5fr);
  align-items: center;
  gap: 30px;
  color: #fff;
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 80% 20%, rgba(48,164,255,.35), transparent 30%),
    linear-gradient(125deg, #09213f 4%, #0d3768 60%, #145d9f 100%);
  box-shadow: 0 18px 42px rgba(10, 45, 82, .18);
}
.dashboard-hero::after { content: ""; position: absolute; width: 420px; height: 420px; right: -230px; bottom: -260px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.018); }
.dashboard-hero-copy { position: relative; z-index: 1; }
.dashboard-hero .eyebrow { color: #90d2ff; }
.dashboard-hero h1 { max-width: 700px; margin: 0; font-size: clamp(30px, 4vw, 48px); line-height: 1.06; letter-spacing: -.05em; }
.dashboard-hero p { max-width: 610px; margin: 16px 0 25px; color: rgba(255,255,255,.67); font-size: 14px; line-height: 1.62; }
.hero-score { position: relative; z-index: 1; justify-self: end; width: 174px; height: 174px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#57b9ff var(--score-angle), rgba(255,255,255,.12) 0); box-shadow: inset 0 0 0 12px rgba(255,255,255,.08), 0 18px 42px rgba(0,0,0,.13); }
.hero-score::before { content: ""; position: absolute; inset: 15px; border-radius: 50%; background: #103a69; }
.hero-score-content { position: relative; z-index: 1; text-align: center; }
.hero-score-content strong { display: block; font-size: 45px; line-height: .95; letter-spacing: -.06em; }
.hero-score-content span { display: block; margin-top: 7px; color: #acd9fb; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.hero-score-content small { display: block; margin-top: 5px; color: rgba(255,255,255,.55); font-size: 9px; }
.dashboard-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.55fr); gap: 18px; }
.theme-progress-list { display: grid; gap: 14px; }
.theme-progress-item { display: grid; grid-template-columns: minmax(110px, .8fr) minmax(150px, 1.5fr) 48px; align-items: center; gap: 12px; }
.theme-progress-item strong { font-size: 11px; }
.theme-progress-item span:last-child { text-align: right; font-size: 11px; font-weight: 800; }
.priority-list, .activity-list { display: grid; gap: 2px; }
.priority-row, .activity-row { width: 100%; padding: 13px 0; display: flex; align-items: flex-start; gap: 12px; border: 0; border-bottom: 1px solid #edf2f7; background: none; text-align: left; }
button.priority-row { cursor: pointer; }
.priority-row:last-child, .activity-row:last-child { border-bottom: 0; }
.priority-marker { width: 9px; height: 9px; margin-top: 5px; flex: 0 0 auto; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 4px var(--amber-bg); }
.priority-marker.critical { background: var(--red); box-shadow: 0 0 0 4px var(--red-bg); }
.priority-copy, .activity-copy { min-width: 0; flex: 1; }
.priority-copy strong, .activity-copy strong { display: block; font-size: 12px; line-height: 1.45; }
.priority-copy span, .activity-copy span { display: block; margin-top: 4px; color: var(--ink-500); font-size: 10px; }
.activity-icon { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: var(--blue-600); background: var(--blue-50); }
.ai-card { position: relative; overflow: hidden; border-color: #dcd7ff; background: linear-gradient(145deg, #faf9ff, #f1f6ff); }
.ai-card::after { content: "✦"; position: absolute; right: 18px; top: 10px; color: rgba(108,92,231,.11); font-size: 86px; }
.ai-title { display: flex; align-items: center; gap: 9px; color: #4f41b6; }
.ai-title .metric-icon { color: #6554da; background: #ece9ff; }
.ai-card p { position: relative; z-index: 1; color: var(--ink-700); font-size: 12px; line-height: 1.58; }

/* Audit */
.audit-banner { margin-bottom: 16px; padding: 20px 22px; display: flex; align-items: center; gap: 18px; }
.site-monogram { width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 14px; color: #fff; background: linear-gradient(145deg, var(--ink-900), #1766a6); font-weight: 800; }
.audit-banner-copy { min-width: 0; flex: 1; }
.audit-banner-copy h1 { margin: 0; font-size: 20px; letter-spacing: -.025em; }
.audit-banner-copy p { margin: 5px 0 0; color: var(--ink-600); font-size: 11px; }
.audit-banner-meta { display: flex; align-items: center; gap: 7px; }
.audit-banner-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
.audit-steps { margin-bottom: 18px; padding: 6px; display: grid; grid-template-columns: repeat(6, minmax(100px,1fr)); gap: 4px; overflow-x: auto; }
.audit-step { min-height: 50px; padding: 8px 10px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 10px; color: var(--ink-500); background: transparent; cursor: pointer; white-space: nowrap; font-size: 11px; font-weight: 720; }
.audit-step:hover { color: var(--ink-800); background: var(--surface-soft); }
.audit-step.active { color: var(--blue-700); background: var(--blue-50); box-shadow: inset 0 0 0 1px #d6e6fc; }
.audit-step.done .step-check { color: var(--green); }
.mode-bar { margin-bottom: 18px; padding: 14px 16px; display: grid; gap: 13px; }
.mode-bar-main { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.mode-switch { margin-top: 7px; display: flex; gap: 6px; }
.mode-choice { min-width: 118px; min-height: 48px; padding: 8px 12px; display: grid; gap: 3px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink-600); background: #fff; cursor: pointer; text-align: left; }
.mode-choice strong { font-size: 13px; }
.mode-choice span { font-size: 11px; }
.mode-choice.active { color: var(--blue-700); border-color: #bed5f2; background: var(--blue-50); box-shadow: inset 0 0 0 1px rgba(30,99,233,.08); }
.mode-count { min-width: 150px; padding: 8px 12px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; border-left: 1px solid var(--line); }
.mode-count strong { font-size: 25px; letter-spacing: -.04em; }
.mode-count span { color: var(--ink-500); font-size: 9px; line-height: 1.35; }
.module-strip { padding-top: 11px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; border-top: 1px solid #edf2f7; }
.module-strip > .field-label { margin-right: 5px; }
.module-chip { min-height: 38px; padding: 7px 11px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-500); background: #fff; cursor: pointer; font-size: 12px; font-weight: 730; }
.module-chip.active { color: var(--green); border-color: #b9dfd1; background: var(--green-bg); }
.module-chip:disabled { opacity: .82; cursor: default; }
.module-chip-locked { cursor: default; }

.questionnaire-layout { display: grid; grid-template-columns: 214px minmax(480px,1fr) 286px; align-items: start; gap: 16px; }
.theme-nav { position: sticky; top: calc(var(--topbar) + 16px); padding: 9px; }
.theme-nav-title { padding: 9px 9px 11px; color: var(--ink-500); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .1em; }
.theme-button { width: 100%; padding: 11px 10px; display: grid; grid-template-columns: 8px minmax(0,1fr) auto; align-items: center; gap: 9px; border: 0; border-radius: 10px; color: var(--ink-600); background: transparent; cursor: pointer; text-align: left; }
.theme-button:hover { color: var(--ink-900); background: var(--surface-soft); }
.theme-button.active { color: var(--ink-900); background: #eff5fb; }
.theme-color { width: 7px; height: 7px; border-radius: 50%; background: var(--theme-color); box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-color) 12%, transparent); }
.theme-button strong { display: block; font-size: 12px; line-height: 1.35; }
.theme-button small { color: var(--ink-500); font-size: 10px; }
.theme-score { font-size: 10px; font-weight: 850; }
.questionnaire-main { display: grid; gap: 12px; }
.theme-heading { padding: 18px 20px; display: flex; align-items: center; gap: 14px; border-left: 4px solid var(--theme-color); }
.theme-heading-copy { min-width: 0; flex: 1; }
.theme-heading h2 { margin: 0; font-size: 18px; letter-spacing: -.025em; }
.theme-heading p { margin: 5px 0 0; color: var(--ink-600); font-size: 11px; }
.theme-heading-score { text-align: right; }
.theme-heading-score strong { display: block; font-size: 22px; letter-spacing: -.04em; }
.theme-heading-score span { color: var(--ink-500); font-size: 9px; }

.criterion-card { overflow: hidden; transition: border-color var(--ease), box-shadow var(--ease); }
.criterion-card:hover { border-color: #cbd9e8; box-shadow: 0 8px 30px rgba(21,53,86,.07); }
.criterion-head { padding: 17px 18px 12px; display: flex; align-items: flex-start; gap: 12px; }
.criterion-number { width: 27px; height: 27px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 8px; color: var(--theme-color); background: color-mix(in srgb, var(--theme-color) 9%, white); font-size: 10px; font-weight: 850; }
.criterion-title { min-width: 0; flex: 1; }
.criterion-title strong { display: inline; font-size: 14px; line-height: 1.4; }
.criterion-title p { margin: 5px 0 0; color: var(--ink-500); font-size: 12px; line-height: 1.5; }
.criterion-flags { display: flex; align-items: center; gap: 6px; }
.answer-grid { padding: 0 18px 14px 57px; display: flex; flex-wrap: wrap; gap: 6px; }
.answer-choice { min-height: 40px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; color: var(--ink-600); background: #fff; cursor: pointer; font-size: 12px; font-weight: 750; transition: all var(--ease); }
.answer-choice:hover { border-color: #b9cadc; color: var(--ink-900); }
.answer-choice.selected[data-tone="excellent"] { color: var(--green); border-color: #a7dccb; background: var(--green-bg); }
.answer-choice.selected[data-tone="good"] { color: #2077b1; border-color: #b8dcee; background: #edf8fd; }
.answer-choice.selected[data-tone="partial"] { color: var(--amber); border-color: #ecd39a; background: var(--amber-bg); }
.answer-choice.selected[data-tone="weak"], .answer-choice.selected[data-tone="critical"] { color: var(--red); border-color: #f0b3bd; background: var(--red-bg); }
.answer-choice.selected[data-tone="unknown"], .answer-choice.selected[data-tone="neutral"] { color: var(--ink-700); border-color: #c7d5e3; background: #edf3f7; }
.criterion-details { padding: 14px 18px 17px 57px; display: grid; grid-template-columns: minmax(145px,.38fr) minmax(220px,.62fr); gap: 12px; border-top: 1px solid #edf2f7; background: #fbfdff; }
.criterion-tools { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 6px; }
.criterion-tools .btn { min-height: 32px; padding: 6px 9px; font-size: 9px; }
.audit-aside { position: static; display: grid; align-content: start; gap: 14px; }
.rating-widget { position: sticky; top: calc(var(--topbar) + 16px); align-self: start; max-height: calc(100dvh - var(--topbar) - 32px); overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.mini-score { display: grid; grid-template-columns: 86px minmax(0,1fr); align-items: center; gap: 13px; }
.score-ring { --ring: var(--blue-600); position: relative; width: 82px; height: 82px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--ring) var(--score-angle), #e7eef6 0); }
.score-ring::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: #fff; }
.score-ring strong { position: relative; z-index: 1; font-size: 23px; letter-spacing: -.045em; }
.mini-score-copy strong { display: block; font-size: 11px; }
.mini-score-copy span { display: block; margin-top: 5px; color: var(--ink-500); font-size: 9px; line-height: 1.4; }
.aside-stat { padding: 11px 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid var(--line); font-size: 10px; }
.aside-stat strong { font-size: 11px; }
.missing-list { display: grid; gap: 7px; }
.missing-item { padding: 9px; display: flex; align-items: flex-start; gap: 8px; border-radius: 9px; color: var(--amber); background: var(--amber-bg); font-size: 9px; line-height: 1.4; }

/* Préparation, client, cartes de données */
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px 22px; }
.detail { min-width: 0; }
.detail dt { margin-bottom: 5px; color: var(--ink-500); font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.detail dd { margin: 0; overflow-wrap: anywhere; font-size: 12px; font-weight: 620; line-height: 1.45; }
.report-number-control { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; }
.source-note { margin-top: 16px; padding: 11px 12px; display: flex; align-items: flex-start; gap: 9px; border-radius: 10px; color: var(--ink-600); background: var(--surface-soft); font-size: 10px; line-height: 1.5; }
.source-note.good { color: var(--green); background: var(--green-bg); }
.external-panel { border-color: #cfe2f7; background: linear-gradient(145deg,#fff,#f5faff); }
.external-logo { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: var(--blue-600); background: var(--blue-50); }
.company-results { display: grid; gap: 8px; }
.company-result { width: 100%; min-width: 0; max-width: 100%; padding: 12px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 11px; background: #fff; cursor: pointer; text-align: left; }
.company-result:hover { border-color: #aac7e7; background: #f8fbff; }
.company-result-logo { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: var(--blue-700); background: var(--blue-50); font-size: 10px; font-weight: 850; }
.company-result-copy { min-width: 0; flex: 1; }
.company-result-copy strong { display: block; font-size: 11px; }
.company-result-copy span { display: block; margin-top: 4px; color: var(--ink-500); font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.map-card { position: relative; min-height: 250px; overflow: hidden; background: #eaf2f8; }
.map-card::before { content: ""; position: absolute; inset: 0; opacity: .7; background-image: linear-gradient(30deg, transparent 48%, #d1e0eb 49%, #d1e0eb 51%, transparent 52%), linear-gradient(-25deg, transparent 48%, #d5e3ed 49%, #d5e3ed 51%, transparent 52%), linear-gradient(90deg, transparent 48%, #d7e5ee 49%, #d7e5ee 51%, transparent 52%); background-size: 90px 70px, 120px 90px, 150px 100%; }
.map-river { position: absolute; width: 130%; height: 42px; left: -15%; top: 52%; transform: rotate(-8deg); border: 8px solid #b9dff5; border-left: 0; border-right: 0; background: #cfeaf9; }
.map-pin { position: absolute; left: 52%; top: 43%; width: 38px; height: 38px; display: grid; place-items: center; transform: translate(-50%,-100%); border: 5px solid #fff; border-radius: 50% 50% 50% 6px; color: #fff; background: var(--blue-600); box-shadow: 0 6px 18px rgba(11,35,65,.25); rotate: -45deg; }
.map-pin .icon { rotate: 45deg; }
.map-caption { position: absolute; left: 14px; right: 14px; bottom: 14px; padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid rgba(255,255,255,.8); border-radius: 11px; background: rgba(255,255,255,.88); backdrop-filter: blur(10px); }
.map-caption strong { display: block; font-size: 11px; }
.map-caption span { display: block; margin-top: 3px; color: var(--ink-500); font-size: 9px; }

/* Photos */
.dropzone { min-height: 165px; padding: 24px; display: grid; place-items: center; border: 1.5px dashed #aec4dc; border-radius: var(--radius); color: var(--ink-600); background: linear-gradient(145deg,#fbfdff,#f1f7fc); text-align: center; cursor: pointer; }
.dropzone:hover { border-color: var(--blue-500); background: var(--blue-50); }
.dropzone-icon { width: 50px; height: 50px; margin: 0 auto 11px; display: grid; place-items: center; border-radius: 14px; color: var(--blue-600); background: #fff; box-shadow: var(--shadow-sm); }
.dropzone strong { display: block; font-size: 13px; }
.dropzone span { display: block; margin-top: 6px; color: var(--ink-500); font-size: 10px; }
.photo-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.photo-card { overflow: hidden; }
.photo-visual { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: linear-gradient(135deg,#90a5b7,#40566b); }
.photo-visual img { width: 100%; height: 100%; object-fit: cover; }
.photo-visual::before, .photo-visual::after { content: ""; position: absolute; }
.photo-visual.compartment { background: linear-gradient(165deg,#8295a3 0 35%,#d0d8dc 36% 57%,#687c89 58%); }
.photo-visual.compartment::before { width: 16px; height: 85%; left: 52%; top: 8%; background: #2d3b43; box-shadow: 10px 0 #c05f42, -26px 4px 0 -4px #3d4e58; transform: rotate(8deg); }
.photo-visual.sprinkler { background: linear-gradient(170deg,#d7e2e8 0 55%,#8293a0 56%); }
.photo-visual.sprinkler::before { width: 78%; height: 9px; left: 11%; top: 34%; border-radius: 9px; background: #c73c3c; box-shadow: 0 17px #455b67; }
.photo-visual.sprinkler::after { width: 21px; height: 35px; left: 50%; top: 28%; border: 7px solid #a42429; border-radius: 50%; }
.photo-visual.electrical { background: linear-gradient(145deg,#c7d2d9,#738691); }
.photo-visual.electrical::before { width: 56%; height: 77%; left: 22%; top: 12%; border: 6px solid #344b5a; background: repeating-linear-gradient(0deg,#c7d4da 0 11px,#718793 12px 14px); box-shadow: 12px 15px 28px rgba(0,0,0,.2); }
.photo-overlay { position: absolute; inset: auto 9px 9px; display: flex; justify-content: space-between; align-items: center; }
.photo-tag { padding: 5px 7px; border-radius: 7px; color: #fff; background: rgba(7,26,49,.65); backdrop-filter: blur(5px); font-size: 8px; font-weight: 750; }
.photo-copy { padding: 14px; }
.photo-copy strong { display: block; font-size: 12px; }
.photo-copy span { display: block; margin-top: 5px; color: var(--ink-500); font-size: 9px; }

/* Recommandations */
.recommendation-toolbar { margin-bottom: 14px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.filter-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.filter-chip { min-height: 32px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-600); background: #fff; cursor: pointer; font-size: 9px; font-weight: 750; }
.filter-chip.active { color: var(--blue-700); border-color: #bdd5f3; background: var(--blue-50); }
.recommendation-list { display: grid; gap: 11px; }
.recommendation-card { padding: 18px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; cursor: pointer; text-align: left; }
.recommendation-card:hover { border-color: #bdd0e3; box-shadow: 0 10px 32px rgba(21,53,86,.08); }
.priority-box { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 12px; color: var(--amber); background: var(--amber-bg); }
.priority-box.critical { color: var(--red); background: var(--red-bg); }
.recommendation-copy { min-width: 0; }
.recommendation-copy strong { display: block; font-size: 13px; line-height: 1.42; }
.recommendation-meta { margin-top: 7px; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; color: var(--ink-500); font-size: 9px; }
.recommendation-side { min-width: 132px; text-align: right; }
.recommendation-side strong { display: block; font-size: 10px; }
.recommendation-side span { display: block; margin-top: 5px; color: var(--ink-500); font-size: 9px; }

/* Rating */
.rating-hero { padding: 28px; display: grid; grid-template-columns: 230px minmax(0,1fr); align-items: center; gap: 34px; background: linear-gradient(145deg,#fff,#f7fbff); }
.rating-dial { --ring: var(--blue-600); position: relative; width: 195px; height: 195px; margin: auto; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--ring) var(--score-angle), #e8eff6 0); box-shadow: inset 0 0 0 1px #d8e4ef; }
.rating-dial::after { content: ""; position: absolute; inset: 16px; border: 1px solid var(--line); border-radius: 50%; background: #fff; }
.rating-dial-content { position: relative; z-index: 1; text-align: center; }
.rating-dial-content strong { display: block; font-size: 57px; line-height: .9; letter-spacing: -.07em; }
.rating-dial-content span { display: block; margin-top: 10px; color: var(--ink-700); font-size: 11px; font-weight: 800; }
.rating-dial-content small { display: block; margin-top: 5px; color: var(--ink-500); font-size: 8px; }
.rating-summary h2 { margin: 0 0 10px; font-size: 25px; letter-spacing: -.035em; }
.rating-summary > p { margin: 0 0 20px; color: var(--ink-600); font-size: 12px; line-height: 1.6; }
.range-visual { position: relative; height: 38px; margin: 22px 0 10px; }
.range-track { position: absolute; left: 0; right: 0; top: 14px; height: 8px; border-radius: 999px; background: linear-gradient(90deg,#d85664 0 40%,#eda337 40% 55%,#5c8fe7 55% 70%,#27a978 70%); }
.range-interval { position: absolute; top: 10px; left: var(--range-start); width: var(--range-width); height: 16px; border: 2px solid #fff; border-radius: 999px; background: rgba(11,35,65,.42); box-shadow: 0 2px 8px rgba(7,26,49,.2); }
.range-marker { position: absolute; top: 3px; left: var(--marker); width: 3px; height: 30px; border-radius: 2px; background: var(--ink-900); }
.range-labels { display: flex; justify-content: space-between; color: var(--ink-500); font-size: 8px; }
.rating-kpis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.rating-kpi { padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.rating-kpi strong { display: block; font-size: 17px; letter-spacing: -.03em; }
.rating-kpi span { display: block; margin-top: 4px; color: var(--ink-500); font-size: 8px; line-height: 1.4; }
.comparison-card { padding: 22px; display: grid; grid-template-columns: minmax(0,1fr) 90px minmax(0,1fr); align-items: center; gap: 20px; }
.comparison-score { padding: 15px; border-radius: 13px; background: var(--surface-soft); }
.comparison-score.projected { color: var(--green); background: var(--green-bg); }
.comparison-score span { display: block; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.comparison-score strong { display: block; margin-top: 6px; font-size: 30px; letter-spacing: -.05em; }
.comparison-arrow { text-align: center; color: var(--green); }
.comparison-arrow strong { display: block; font-size: 12px; }
.comparison-arrow span { display: block; margin-top: 4px; color: var(--ink-500); font-size: 8px; }
.rating-analysis-grid { align-items: stretch; }
.radar-wrap { min-height: 310px; display: grid; place-items: center; }
.radar-chart { width: min(100%, 340px); height: auto; overflow: visible; }
.radar-grid { fill: rgba(30,99,233,.025); stroke: #dbe6f0; stroke-width: 1; }
.radar-axis { stroke: #e2eaf2; stroke-width: 1; }
.radar-projected { fill: rgba(23,137,99,.11); stroke: #1b9a70; stroke-width: 2; stroke-dasharray: 5 4; }
.radar-observed { fill: rgba(30,99,233,.17); stroke: var(--blue-600); stroke-width: 2.4; }
.radar-point { fill: #fff; stroke: var(--blue-600); stroke-width: 2; }
.radar-label { fill: var(--ink-700); font-size: 8.5px; font-weight: 720; }
.radar-legend { margin-top: -8px; display: flex; align-items: center; justify-content: center; gap: 18px; color: var(--ink-600); font-size: 9px; font-weight: 700; }
.radar-legend span { display: inline-flex; align-items: center; gap: 6px; }
.legend-dot { width: 9px; height: 9px; display: inline-block; border-radius: 3px; }
.legend-dot.observed { background: var(--blue-600); }
.legend-dot.projected { border: 2px dashed var(--green); background: rgba(23,137,99,.11); }
.insight-block { padding: 14px; display: flex; align-items: flex-start; gap: 11px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); }
.insight-block + .insight-block { margin-top: 10px; }
.insight-icon { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: var(--ink-600); background: #edf3f7; }
.insight-block.good .insight-icon { color: var(--green); background: var(--green-bg); }
.insight-block.warning .insight-icon { color: var(--amber); background: var(--amber-bg); }
.insight-block strong { display: block; font-size: 11px; }
.insight-block p { margin: 5px 0 0; color: var(--ink-600); font-size: 10px; line-height: 1.55; }
.rating-table { width: 100%; border-collapse: collapse; }
.rating-table th, .rating-table td { padding: 12px 10px; border-bottom: 1px solid #eaf0f5; text-align: left; font-size: 10px; }
.rating-table th { color: var(--ink-500); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.rating-table tr:last-child td { border-bottom: 0; }
.theme-name-cell { display: flex; align-items: center; gap: 9px; font-weight: 720; }
.mini-bar { min-width: 110px; display: grid; grid-template-columns: minmax(70px,1fr) 30px; align-items: center; gap: 8px; }
.method-note { padding: 17px; display: flex; gap: 12px; border: 1px solid #e3dcae; border-radius: var(--radius); color: #725d18; background: #fffbed; font-size: 10px; line-height: 1.55; }

/* Livrables */
.report-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.report-card { overflow: hidden; }
.report-cover { min-height: 150px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; color: #fff; background: linear-gradient(145deg,#0a2648,#1567a4); }
.report-cover.insurer { background: linear-gradient(145deg,#17264a,#5d59b7); }
.report-cover.email { background: linear-gradient(145deg,#164852,#159783); }
.report-cover-mark { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 9px; background: rgba(255,255,255,.1); }
.report-cover h3 { margin: 0; font-size: 18px; letter-spacing: -.03em; }
.report-cover span { color: rgba(255,255,255,.62); font-size: 9px; }
.report-card-body { padding: 16px; }
.report-card-body p { min-height: 47px; margin: 0 0 14px; color: var(--ink-600); font-size: 10px; line-height: 1.55; }
.report-card-meta { display: flex; align-items: center; justify-content: space-between; color: var(--ink-500); font-size: 8px; }
.report-editor { min-height: 180px; }
.preview-sheet { width: min(100%, 820px); min-height: 930px; margin: 0 auto; padding: 0 0 60px; overflow: hidden; color: #142b43; background: #fff; box-shadow: 0 18px 50px rgba(7,26,49,.18); }
.sheet-brand { padding: 44px 56px 20px; display: flex; align-items: center; justify-content: space-between; gap: 28px; color: #fff; background: #0b2341; border: 0; }
.sheet-brand .brand { color: #62b9ff; letter-spacing: .04em; }
.sheet-brand small { max-width: 48%; color: #afc6dd; font-size: 9px; line-height: 1.55; text-align: right; overflow-wrap: anywhere; }
.report-brand-header { min-width: 0; display: inline-flex; align-items: center; gap: 11px; }
.report-brand-header > img { width: 34px; height: 34px; flex: 0 0 auto; }
.report-brand-header-label { min-width: 0; display: inline-flex; align-items: baseline; gap: 8px; white-space: nowrap; font-family: Inter, Arial, sans-serif; }
.report-brand-header-label strong { color: #62b9ff; font-size: 18px; line-height: 1; letter-spacing: -.02em; }
.report-brand-header-label > span { color: #7f9fba; font-size: 12px; font-weight: 500; }
.report-brand-header-label b { color: #afc6dd; font-size: 9px; line-height: 1; letter-spacing: .09em; }
.sheet-title { margin: 0; padding: 24px 56px 52px; color: #fff; background: linear-gradient(145deg,#0b2341 0%,#123d67 100%); border-left: 7px solid #1e63e9; }
.sheet-title span { color: #62b9ff; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.sheet-title h1 { max-width: 680px; margin: 14px 0 12px; color: #fff; font-size: 36px; line-height: 1.08; letter-spacing: -.045em; overflow-wrap: anywhere; }
.sheet-title p { max-width: 680px; margin: 20px 0 0; padding: 16px 18px; color: #d5e4f1; background: rgba(255,255,255,.07); border-radius: 10px; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.sheet-section { margin: 34px 60px 0; }
.sheet-title + .sheet-section { margin-top: 42px; }
.sheet-section h2 { padding-bottom: 9px; border-bottom: 1px solid #dbe6ef; font-size: 16px; }
.sheet-section p, .sheet-section li { color: #38536e; font-size: 11px; line-height: 1.7; }
.sheet-score-row { display: grid; grid-template-columns: 140px 1fr; align-items: center; gap: 24px; }
.sheet-score { padding: 25px; border-radius: 14px; color: #fff; background: #123d67; text-align: center; }
.sheet-score strong { display: block; font-size: 42px; }
.sheet-score span { font-size: 9px; }

/* Réglages */
.integration-list { display: grid; gap: 10px; }
.integration-row { padding: 15px; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: start; gap: 13px; border: 1px solid var(--line); border-radius: 12px; }
.integration-row > :nth-child(3) { grid-column: 2; justify-self: end; }
.integration-icon { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 11px; color: var(--blue-600); background: var(--blue-50); }
.integration-copy { min-width: 0; flex: 1; }
.integration-copy strong { display: block; font-size: 16px; line-height: 1.4; }
.integration-copy span { display: block; margin-top: 4px; color: var(--ink-500); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.integration-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.ai-setup-trigger { white-space: nowrap; }
.online-activation { margin-top: 14px; padding: 14px; border: 1px solid #d6e2ee; border-radius: 13px; background: #f8fbfe; }
.online-activation-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.online-activation-head strong, .online-activation-head span { display: block; }
.online-activation-head strong { font-size: 15px; }
.online-activation-head > div > span { margin-top: 5px; color: var(--ink-500); font-size: 13px; line-height: 1.45; }
.online-activation-field { margin-top: 12px; }
.online-activation-field .field-label, .online-activation-field .field-hint { font-size: 13px; }
.online-activation-field .input { min-height: 48px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; letter-spacing: .06em; }
.online-activation-actions { margin-top: 12px; gap: 7px; }
.online-activation-actions .btn { min-height: 42px; padding-inline: 12px; font-size: 13px; }
.service-controls { margin-top: 16px; padding: 14px; border: 1px solid #dce5ef; border-radius: 13px; background: var(--surface-soft); }
.service-controls-head { margin-bottom: 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.service-controls-head strong, .service-controls-head span { display: block; }
.service-controls-head strong { font-size: 11px; }
.service-controls-head span { margin-top: 3px; color: var(--ink-500); font-size: 8px; }
.service-control-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.service-control { background: #fff; }
.service-controls-note { margin: 11px 0 0; display: flex; align-items: flex-start; gap: 7px; color: var(--ink-500); font-size: 8px; line-height: 1.5; }
.service-controls-note .icon { flex: 0 0 auto; color: var(--blue-600); }
.switch { position: relative; width: 38px; height: 22px; flex: 0 0 auto; border-radius: 999px; background: #cbd7e2; }
.switch::after { content: ""; position: absolute; width: 16px; height: 16px; left: 3px; top: 3px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.16); }
.switch.on { background: var(--green); }
.switch.on::after { left: 19px; }
.weight-row { display: grid; grid-template-columns: minmax(120px,1fr) minmax(140px,1.4fr) 48px; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #edf2f7; font-size: 10px; }
.weight-row:last-child { border-bottom: 0; }
.legal-banner { padding: 18px; border: 1px solid #d1ddef; border-radius: 14px; background: #f7faff; }
.legal-banner strong { display: block; font-size: 12px; }
.legal-banner p { margin: 7px 0 0; color: var(--ink-600); font-size: 10px; line-height: 1.55; }

/* Administration du référentiel */
.mode-admin-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.mode-admin-card { padding: 15px; display: grid; gap: 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); }
.mode-admin-card strong { font-size: 13px; }
.mode-admin-card p { min-height: 34px; margin: 5px 0 0; color: var(--ink-600); font-size: 9px; line-height: 1.45; }
.mode-module-checks { display: grid; gap: 6px; }
.mode-module-checks > label:not(.field-label) { display: flex; align-items: center; gap: 7px; color: var(--ink-600); font-size: 12px; }
.mode-module-checks input { accent-color: var(--blue-600); }
.reference-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); align-items: start; gap: 16px; }
.reference-categories { position: sticky; top: calc(var(--topbar) + 16px); padding: 8px; }
.reference-side-head { padding: 10px 10px 12px; display: flex; justify-content: space-between; color: var(--ink-500); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.reference-category { width: 100%; padding: 11px 9px; display: grid; grid-template-columns: 8px minmax(0,1fr) auto; align-items: center; gap: 9px; border: 0; border-radius: 10px; color: var(--ink-600); background: transparent; cursor: pointer; text-align: left; }
.reference-category:hover { color: var(--ink-900); background: var(--surface-soft); }
.reference-category.active { color: var(--ink-900); background: #eef5fc; }
.reference-category strong, .reference-category small { display: block; }
.reference-category strong { font-size: 10px; line-height: 1.35; }
.reference-category small { margin-top: 3px; color: var(--ink-500); font-size: 8px; }
.reference-theme-editor .span-2 { grid-column: span 2; }
.question-admin-list { display: grid; gap: 10px; }
.question-admin-row { display: grid; grid-template-columns: 42px minmax(0,1fr); border: 1px solid var(--line); border-radius: 13px; overflow: hidden; background: #fff; }
.question-admin-order { padding: 12px 6px; display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--ink-500); background: var(--surface-soft); }
.question-admin-order > span { margin-bottom: 3px; font-size: 9px; font-weight: 850; }
.question-admin-order button { width: 27px; height: 27px; padding: 0; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; color: var(--ink-600); background: #fff; cursor: pointer; }
.question-admin-order button:disabled { opacity: .32; cursor: default; }
.question-admin-content { min-width: 0; padding: 13px; }
.question-admin-meta { margin-top: 10px; display: grid; grid-template-columns: 95px 145px minmax(155px,1fr) auto auto; align-items: end; gap: 9px; }
.check-field { min-height: 44px; padding: 0 8px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink-700); background: var(--surface-soft); font-size: 9px; font-weight: 720; }
.check-field input { accent-color: var(--blue-600); }
.question-origin { margin-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--ink-500); font-size: 8px; }
.question-origin span { display: inline-flex; align-items: center; gap: 5px; }

/* Drawer, modal, toast */
.backdrop { position: fixed; z-index: 80; inset: 0; background: rgba(3,16,31,.46); backdrop-filter: blur(3px); animation: fadeIn var(--ease); }
.drawer { position: fixed; z-index: 90; inset: 0 0 0 auto; width: min(540px,100%); padding: 0; overflow-y: auto; background: #fff; box-shadow: -20px 0 60px rgba(7,26,49,.22); animation: slideIn 250ms cubic-bezier(.2,.8,.3,1); }
.drawer-head { position: sticky; z-index: 1; top: 0; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.94); backdrop-filter: blur(12px); }
.drawer-head strong { font-size: 14px; }
.drawer-body { padding: 24px; }
.drawer-title h2 { margin: 10px 0 7px; font-size: 25px; line-height: 1.15; letter-spacing: -.04em; }
.drawer-title p { margin: 0; color: var(--ink-500); font-size: 10px; }
.drawer-section { margin-top: 26px; }
.drawer-section h3 { margin: 0 0 9px; color: var(--ink-700); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.drawer-section > p { margin: 0; color: var(--ink-700); font-size: 12px; line-height: 1.65; }
.history-item { position: relative; padding: 0 0 18px 22px; color: var(--ink-600); font-size: 10px; }
.history-item::before { content: ""; position: absolute; width: 8px; height: 8px; left: 1px; top: 2px; border-radius: 50%; background: var(--blue-600); box-shadow: 0 0 0 4px var(--blue-50); }
.history-item::after { content: ""; position: absolute; width: 1px; left: 5px; top: 13px; bottom: 2px; background: var(--line); }
.history-item:last-child::after { display: none; }
.history-item strong { display: block; margin-bottom: 4px; color: var(--ink-800); }

.modal { position: fixed; z-index: 90; inset: 24px; display: grid; place-items: start center; overflow-y: auto; }
.modal-panel { width: min(100%, 1060px); margin: 20px auto; overflow: hidden; border-radius: 18px; background: #e9eef4; box-shadow: 0 25px 70px rgba(3,16,31,.28); }
.modal-head { position: sticky; z-index: 1; top: 0; padding: 14px 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #cdd9e4; background: rgba(255,255,255,.95); backdrop-filter: blur(12px); }
.modal-head strong { font-size: 13px; }
.modal-content { padding: 28px; max-height: calc(100vh - 130px); overflow-y: auto; }
.ai-proposal { width: min(100%,680px); padding: 28px; border-radius: 18px; background: #fff; box-shadow: var(--shadow-md); }
.ai-proposal-mark { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 14px; color: #6554da; background: #eeeaff; }
.ai-proposal h2 { margin: 18px 0 8px; font-size: 23px; letter-spacing: -.035em; }
.ai-proposal > p { color: var(--ink-700); font-size: 13px; line-height: 1.65; }
.ai-basis { padding: 11px; border-radius: 10px; color: #5c4fba; background: #f4f1ff; font-size: 10px; }

.toast { position: fixed; z-index: 120; top: calc(var(--topbar) + 16px); right: 24px; bottom: auto; max-width: min(420px,calc(100% - 32px)); padding: 12px 12px 12px 14px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid #cfe3db; border-radius: 12px; color: #17694e; background: rgba(244,255,250,.96); box-shadow: var(--shadow-md); backdrop-filter: blur(10px); font-size: 11px; line-height: 1.45; animation: toastIn 240ms ease; }
.toast.error { color: var(--red); border-color: #f0c0c8; background: #fff6f7; }
.toast > .icon { flex: 0 0 auto; margin-top: 2px; }
.toast-message { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.toast-close { width: 28px; height: 28px; margin: -5px -5px -5px 0; padding: 0; display: grid; flex: 0 0 auto; place-items: center; border: 0; border-radius: 8px; color: currentColor; background: transparent; cursor: pointer; opacity: .72; }
.toast-close:hover, .toast-close:focus-visible { background: rgba(23,105,78,.09); opacity: 1; }
.toast.error .toast-close:hover, .toast.error .toast-close:focus-visible { background: rgba(173,37,56,.08); }
.spinner { width: 17px; height: 17px; border: 2px solid #d8e5f0; border-top-color: var(--blue-600); border-radius: 50%; animation: spin .75s linear infinite; }
.empty-state { padding: 34px; color: var(--ink-500); text-align: center; font-size: 11px; }

.mobile-nav { display: none; }
.sidebar-backdrop { display: none; }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes fadeIn { from { opacity: 0; } }
@keyframes slideIn { from { transform: translateX(30px); opacity: .4; } }
@keyframes toastIn { from { transform: translateY(10px); opacity: 0; } }

@media (max-width: 1380px) {
  :root { --sidebar: 224px; }
  .questionnaire-layout { grid-template-columns: 185px minmax(430px,1fr); }
  .audit-aside { position: static; grid-column: 1 / -1; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rating-widget { position: static; max-height: none; overflow: visible; scrollbar-gutter: auto; }
  .audit-aside .card:first-child { grid-column: span 1; }
}

@media (max-width: 1100px) {
  :root { --sidebar: 82px; }
  .sidebar { padding-inline: 11px; }
  .sidebar .brand { padding-inline: 10px; justify-content: center; }
  .sidebar .brand-text, .workspace-chip div, .nav-label, .nav-item span:not(.nav-pill), .sidebar-profile .identity-copy, .sidebar-profile button { display: none; }
  .workspace-chip { justify-content: center; padding: 9px; margin-inline: 2px; }
  .nav-item { justify-content: center; padding-inline: 8px; }
  .nav-item .nav-pill { position: absolute; margin: -25px -28px 0 0; }
  .sidebar-profile { justify-content: center; padding-inline: 0; }
  .dashboard-layout { grid-template-columns: 1fr; }
  .grid-4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .questionnaire-layout { grid-template-columns: 1fr; }
  .theme-nav { position: static; display: flex; overflow-x: auto; }
  .theme-nav-title { display: none; }
  .theme-button { min-width: 138px; }
  .audit-aside { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .report-grid, .photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .reference-layout { grid-template-columns: 1fr; }
  .reference-categories { position: static; display: flex; overflow-x: auto; }
  .reference-side-head { min-width: 90px; align-items: center; }
  .reference-category { min-width: 190px; }
  .question-admin-meta { grid-template-columns: repeat(3,minmax(100px,1fr)) auto auto; }
}

@media (max-width: 760px) {
  :root { --sidebar: 276px; --topbar: 64px; }
  .login-page { grid-template-columns: 1fr; }
  .login-story { min-height: 420px; padding: 34px 26px; }
  .login-story-content { margin: 58px 0 25px; }
  .login-story h1 { font-size: 39px; }
  .login-story-content > p { font-size: 14px; margin-block: 17px 23px; }
  .login-proof { grid-template-columns: 1fr; }
  .login-proof-item:nth-child(n+2), .login-footnote { display: none; }
  .login-panel { min-height: auto; padding: 40px 24px 60px; }
  .sidebar { transform: translateX(-105%); transition: transform 220ms ease; }
  .sidebar.open { transform: translateX(0); }
  .sidebar .brand { justify-content: flex-start; }
  .sidebar .brand-text, .workspace-chip div, .nav-label, .nav-item span:not(.nav-pill), .sidebar-profile .identity-copy, .sidebar-profile button { display: block; }
  .workspace-chip { justify-content: flex-start; padding: 11px 12px; }
  .nav-item { justify-content: flex-start; padding-inline: 12px; }
  .nav-item .nav-pill { position: static; margin-left: auto; }
  .sidebar-profile { justify-content: flex-start; padding-inline: 10px; }
  .sidebar-backdrop { position: fixed; z-index: 49; inset: 0; display: block; background: rgba(3,16,31,.36); }
  .page-column { margin-left: 0; padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }
  .topbar { padding-inline: 15px; }
  .topbar .language-toggle { min-width: 48px; padding-inline: 8px; }
  .mobile-menu { display: inline-flex; }
  .status-indicator span, .topbar-actions > .btn-icon:nth-of-type(1) { display: none; }
  .page { padding: 22px 15px 46px; }
  .page-header { align-items: flex-start; flex-direction: column; }
  .dashboard-hero { min-height: auto; padding: 28px 23px; grid-template-columns: 1fr; }
  .dashboard-hero h1 { font-size: 32px; }
  .hero-score { justify-self: start; width: 128px; height: 128px; }
  .hero-score-content strong { font-size: 34px; }
  .grid-2, .grid-3, .grid-4, .detail-grid { grid-template-columns: minmax(0, 1fr); }
  .card-head { flex-wrap: wrap; }
  .span-2 { grid-column: auto; }
  .audit-banner { align-items: flex-start; flex-wrap: wrap; }
  .audit-banner-meta { width: 100%; }
  .audit-banner-actions { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .audit-banner-actions .btn { width: 100%; }
  .audit-banner-actions .btn-danger { grid-column: 1 / -1; }
  .audit-steps { grid-template-columns: repeat(6,124px); }
  .mode-bar-main { align-items: stretch; flex-direction: column; }
  .mode-switch { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mode-choice { min-width: 0; }
  .mode-count { justify-content: flex-start; border-left: 0; border-top: 1px solid var(--line); }
  .audit-aside { grid-template-columns: 1fr; }
  .criterion-details { grid-template-columns: 1fr; padding-left: 18px; }
  .answer-grid { padding-left: 18px; }
  .answer-choice { min-height: 42px; }
  .rating-hero { padding: 22px; grid-template-columns: 1fr; }
  .rating-dial { width: 170px; height: 170px; }
  .rating-kpis { grid-template-columns: 1fr; }
  .comparison-card { grid-template-columns: 1fr; }
  .comparison-arrow .icon { transform: rotate(90deg); }
  .report-grid, .photo-grid { grid-template-columns: 1fr; }
  .recommendation-card { grid-template-columns: auto minmax(0,1fr); }
  .recommendation-side { grid-column: 2; min-width: 0; text-align: left; }
  .search-combo { grid-template-columns: 1fr; }
  .rating-table th:nth-child(3), .rating-table td:nth-child(3), .rating-table th:nth-child(4), .rating-table td:nth-child(4) { display: none; }
  .mini-bar { min-width: 90px; }
  .mode-admin-grid { grid-template-columns: 1fr; }
  .reference-theme-editor .span-2 { grid-column: auto; }
  .question-admin-row { grid-template-columns: 34px minmax(0,1fr); }
  .question-admin-content .grid-2, .question-admin-meta { grid-template-columns: 1fr; }
  .question-admin-meta .btn-icon { width: 100%; }
  .question-origin { align-items: flex-start; flex-direction: column; }
  .integration-actions { width: 100%; justify-content: flex-end; }
  .service-control-grid { grid-template-columns: 1fr; }
  .service-controls-head { align-items: flex-start; flex-direction: column; }
  .online-activation-head { align-items: flex-start; flex-direction: column; }
  .ai-setup-platforms { grid-template-columns: 1fr; }
  .ai-setup-hero { align-items: flex-start; grid-template-columns: auto minmax(0,1fr); }
  .ai-setup-hero > .badge { grid-column: 1 / -1; justify-self: start; }
  .ai-setup-footer { align-items: stretch; flex-direction: column-reverse; }
  .ai-setup-footer .btn { width: 100%; }
  .mobile-nav { position: fixed; z-index: 45; left: 10px; right: 10px; bottom: max(10px, env(safe-area-inset-bottom, 0px)); padding: 5px; display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid rgba(199,213,228,.85); border-radius: 15px; background: rgba(255,255,255,.92); box-shadow: 0 10px 30px rgba(7,26,49,.16); backdrop-filter: blur(15px); }
  .mobile-nav-item { min-height: 48px; padding: 5px; display: grid; place-items: center; gap: 2px; border: 0; border-radius: 10px; color: var(--ink-500); background: none; cursor: pointer; font-size: 8px; font-weight: 750; }
  .mobile-nav-item.active { color: var(--blue-700); background: var(--blue-50); }
  .modal { inset: 0; }
  .modal-panel { min-height: 100%; margin: 0; border-radius: 0; }
  .modal-content { padding: 14px; }
  .preview-sheet { min-height: 800px; padding: 0 0 36px; }
  .sheet-brand { padding: 28px 24px 16px; align-items: flex-start; flex-direction: column; gap: 14px; }
  .sheet-brand small { max-width: 100%; font-size: 8px; text-align: left; }
  .report-brand-header { max-width: 100%; }
  .report-brand-header-label { gap: 6px; }
  .report-brand-header-label strong { font-size: 16px; }
  .report-brand-header-label b { font-size: 8px; }
  .sheet-title { padding: 20px 24px 34px; border-left-width: 5px; }
  .sheet-title h1 { font-size: 29px; }
  .sheet-title p { padding: 13px 14px; font-size: 10px; }
  .sheet-aerial-view { width: min(100%,340px); }
  .sheet-section { margin-inline: 24px; }
  .sheet-score-row { grid-template-columns: 1fr; }
  .toast { top: calc(var(--topbar) + env(safe-area-inset-top, 0px) + 10px); right: 12px; bottom: auto; left: 12px; max-width: none; }
}

@media (max-width: 420px) {
  .topbar-avatar { display: none; }
  .login-story { min-height: 390px; }
  .login-story h1 { font-size: 34px; }
  .theme-progress-item { grid-template-columns: 90px minmax(100px,1fr) 38px; }
  .criterion-head { padding-inline: 14px; }
  .answer-grid { padding-inline: 14px; }
  .criterion-details { padding-inline: 14px; }
  .report-grid { gap: 12px; }
}

@media print {
  body { background: #fff; }
  .sidebar, .topbar, .mobile-nav, .modal-head, .backdrop, .toast, .page-column > main { display: none !important; }
  .modal { position: static; display: block; overflow: visible; }
  .modal-panel, .modal-content { max-height: none; margin: 0; padding: 0; overflow: visible; border-radius: 0; background: #fff; box-shadow: none; }
  .preview-sheet { width: 100%; min-height: auto; padding: 0 0 28px; box-shadow: none; }
  .sheet-brand, .sheet-title, .report-brand-header { break-inside: avoid; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .sheet-aerial-view { break-inside: avoid; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .report-brand-header-label { white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Version terrain v1 — dossiers, formulaires, import documentaire et médias */
.span-3 { grid-column: 1 / -1; }
button.status-indicator { font: inherit; cursor: pointer; }
.status-indicator.status-error { color: var(--red); border-color: #efc4ca; background: #fff6f7; }
.source-note.critical { color: var(--red); background: var(--red-bg); }
.source-note > span { min-width: 0; flex: 1; }
.company-selection { align-items: center; }
.site-map-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #eaf2f8; }
.map-card:has(.site-map-frame)::before { display: none; }
.map-card-with-view-switch { min-height: 0; display: grid; grid-template-rows: auto minmax(320px,42vh) auto; background: #fff; }
.map-card-with-view-switch .site-map-frame { position: relative; inset: auto; grid-row: 2; min-height: 320px; }
.site-map-stage { position: relative; z-index: 1; grid-row: 2; min-height: 320px; overflow: hidden; background: #dce8f1; }
.site-map-stage .site-map-frame { position: absolute; inset: -2.5%; width: 105%; height: 105%; min-height: 0; transform-origin: center; transition: transform .14s ease; }
.map-card:has(.site-map-stage)::before { display: none; }
.site-map-stage.is-framing .site-map-frame { pointer-events: none; }
.map-card-with-view-switch:has(.site-map-stage.is-framing) { grid-template-rows: auto auto auto; }
.site-map-stage.is-framing { width: 100%; min-height: 0; aspect-ratio: 8 / 5; }
.site-map-preview-canvas { position: absolute; z-index: 1; left: 0; top: 0; width: 640px; height: 400px; transform: scale(var(--capture-preview-scale,1)); transform-origin: left top; transition: transform .14s ease; }
.site-map-preview-canvas .site-map-frame { inset: 0; width: 640px; height: 400px; min-height: 400px; transform: none; }
.site-capture-zone { position: absolute; z-index: 4; inset: 0; width: 100%; height: 100%; aspect-ratio: 8 / 5; border: 3px solid #fff; border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(12,79,145,.58); cursor: grab; touch-action: none; user-select: none; }
.site-capture-zone::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(255,255,255,.42); pointer-events: none; }
.site-capture-zone::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: rgba(255,255,255,.42); pointer-events: none; }
.site-capture-zone.is-dragging { cursor: grabbing; border-color: #67c1ff; }
.map-view-switch { position: relative; z-index: 3; grid-row: 1; max-width: 100%; padding: 7px 9px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid rgba(199,213,228,.9); background: #fff; }
.map-view-switch-label { padding: 0 6px; color: var(--ink-500); font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.map-view-switch-label.satellite { margin-left: 2px; padding-left: 8px; border-left: 1px solid var(--line); }
.map-view-option { min-height: 44px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid transparent; border-radius: 9px; color: var(--ink-700); background: transparent; font: inherit; font-size: 13px; font-weight: 800; text-decoration: none; cursor: pointer; touch-action: manipulation; }
.map-view-option:hover { border-color: #c8dbec; color: var(--blue-700); background: var(--blue-50); }
.map-view-option:focus-visible { outline: 3px solid rgba(24,118,210,.28); outline-offset: 1px; }
.map-view-option.is-current { border-color: #b8d3ec; color: #fff; background: var(--blue-600); box-shadow: 0 3px 10px rgba(20,99,174,.2); }
.aerial-framing-controls { margin-left: 6px; padding-left: 10px; display: flex; align-items: center; gap: 4px; border-left: 1px solid var(--line); }
.aerial-framing-controls .btn-icon { width: 38px; min-width: 38px; min-height: 38px; }
.aerial-zoom-value { min-width: 62px; color: var(--ink-700); font-size: 11px; font-weight: 850; text-align: center; }
.map-view-option-preferred { border-color: #b8d3ec; color: var(--blue-800); background: var(--blue-50); }
.map-view-preferred-label { margin-left: 7px; padding: 3px 6px; border-radius: 999px; color: #fff; background: var(--blue-600); font-size: 9px; font-weight: 900; letter-spacing: .02em; text-transform: uppercase; }
.map-provider-empty { position: relative; grid-row: 2; min-height: 320px; padding: 28px; display: grid; place-items: center; align-content: center; gap: 10px; color: var(--ink-600); background: linear-gradient(145deg,#eef5fb,#e4edf5); text-align: center; }
.map-provider-empty strong { color: var(--ink-900); font-size: 16px; }
.map-provider-empty span { max-width: 560px; font-size: 13px; line-height: 1.5; }
.google-map-frame { background: #d9e4ed; }
.reminder-setup-content { display: grid; gap: 18px; }
.reminder-provider-form { padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-soft); }
.reminder-test-form { padding: 16px; display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,.8fr) auto; align-items: end; gap: 14px; border: 1px solid #b8ddcf; border-radius: 14px; background: var(--green-bg); }
.reminder-test-form h3 { margin: 0 0 5px; color: var(--ink-900); font-size: 15px; }
.reminder-test-form p { margin: 0; color: var(--ink-600); font-size: 12px; }
@media (max-width: 760px) {
  .reminder-test-form { grid-template-columns: 1fr; align-items: stretch; }
}
.map-card-with-view-switch .map-caption { position: relative; left: auto; right: auto; bottom: auto; grid-row: 3; padding: 13px 15px; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: #fff; box-shadow: none; backdrop-filter: none; }
.map-caption-copy { min-width: 0; }
.map-imagery-note { margin-top: 6px; display: block; max-width: 680px; color: var(--ink-600); font-size: 12px; font-weight: 650; line-height: 1.45; }
.map-card-empty { display: grid; place-items: center; }
.map-empty { position: relative; z-index: 1; padding: 26px; display: grid; justify-items: center; gap: 7px; color: var(--ink-500); text-align: center; }
.map-empty strong { color: var(--ink-800); font-size: 12px; }
.map-empty span { font-size: 9px; }
.map-caption .button-row { flex-wrap: nowrap; }
.map-caption .btn { white-space: nowrap; }
.map-caption-actions { justify-content: flex-end; flex-wrap: wrap !important; }
.portfolio-section { margin-top: 18px; }
.client-portfolio-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.client-portfolio-card { min-width: 0; padding: 13px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); }
.client-portfolio-card.active { border-color: #b8ddcf; background: var(--green-bg); }
.client-portfolio-copy { min-width: 0; }
.client-portfolio-copy strong, .client-portfolio-copy span, .client-portfolio-copy small { display: block; }
.client-portfolio-copy strong { overflow: hidden; color: var(--ink-900); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.client-portfolio-copy span { margin-top: 4px; color: var(--ink-700); font-size: 11px; font-weight: 750; }
.client-portfolio-copy small { margin-top: 4px; overflow: hidden; color: var(--ink-500); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.client-portfolio-actions { display: flex; align-items: center; gap: 7px; }
.portfolio-site-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.client-delete-button { width: 44px; min-width: 44px; height: 44px; }
@media (max-width: 760px) {
  .client-portfolio-grid { grid-template-columns: 1fr; }
  .client-portfolio-card { grid-template-columns: auto minmax(0,1fr); }
  .client-portfolio-actions { grid-column: 1 / -1; justify-content: flex-end; }
}
.portfolio-site-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.portfolio-site { min-width: 0; padding: 13px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); }
.portfolio-site.active { border-color: #b8ddcf; background: var(--green-bg); }
.portfolio-site.archived { opacity: .62; }
.portfolio-site strong, .portfolio-site span, .portfolio-site small { display: block; }
.portfolio-site > div { min-width: 0; }
.portfolio-site > div > strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.portfolio-site > div > span { margin-top: 3px; color: var(--ink-600); font-size: 8px; }
.portfolio-site > div > small { margin-top: 5px; color: var(--ink-500); font-size: 8px; }
.table-scroll { overflow-x: auto; }
.feature-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; }
.feature-toggle { min-width: 0; padding: 12px; display: flex; align-items: flex-start; gap: 9px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); cursor: pointer; }
.feature-toggle.active { border-color: #b7d2f0; background: var(--blue-50); }
.feature-toggle > input { position: absolute; opacity: 0; pointer-events: none; }
.feature-toggle .switch { flex: 0 0 auto; margin-top: 1px; }
.feature-toggle > span:last-child { min-width: 0; }
.feature-toggle strong, .feature-toggle small { display: block; }
.feature-toggle strong { color: var(--ink-800); font-size: 13px; line-height: 1.4; }
.feature-toggle small { margin-top: 4px; color: var(--ink-500); font-size: 11px; line-height: 1.45; }
.compact-features { grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 13px; }
.compact-features .feature-toggle { align-items: center; }
.compact-features .feature-toggle strong { font-size: 12px; }
.checklist-row { min-width: 0; }
.compact-select { min-height: 38px; margin-top: 5px; padding: 7px 28px 7px 10px; font-size: 12px; }
.material-fieldset { min-width: 0; margin: 0; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); container-type: inline-size; }
.material-fieldset legend { padding: 0 6px; color: var(--ink-600); font-size: 9px; font-weight: 800; line-height: 1.35; text-transform: uppercase; letter-spacing: .04em; }
.material-row-list { display: grid; gap: 9px; }
.material-row { min-width: 0; display: grid; align-items: end; gap: 8px; }
.material-row.has-details { grid-template-columns: minmax(0,1fr) minmax(68px,78px) minmax(88px,104px) 44px; }
.material-row.simple { grid-template-columns: minmax(0,1fr) 44px; }
.material-row > label { min-width: 0; display: grid; gap: 4px; }
.material-row > label > span { min-height: 16px; color: var(--ink-500); font-size: 11px; font-weight: 700; line-height: 1.3; }
.material-row .material-select { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.material-row .material-delete { width: 44px; min-width: 44px; height: var(--construction-control-height); min-height: var(--construction-control-height); }
.material-add { width: 100%; min-height: var(--construction-control-height); margin-top: 9px; }

@container (max-width: 390px) {
  .material-row.has-details { grid-template-columns: minmax(0,1fr) minmax(0,1fr) 44px; }
  .material-row.has-details > .material-select { grid-column: 1 / -1; }
}
.photo-copy small { display: block; margin-top: 7px; color: var(--ink-600); font-size: 8px; line-height: 1.45; }
.photo-actions { margin-top: 11px; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.photo-actions .btn { min-height: 30px; }
.editor-modal .modal-panel { width: min(100%,1180px); background: #f6f9fc; }
.narrow-panel { max-width: 760px; }
.reset-audit-modal .modal-panel { width: min(100%,760px); background: #f6f8fb; }
.reset-audit-content { display: grid; gap: 12px; }
.reset-audit-heading { display: flex; align-items: center; gap: 11px; }
.reset-audit-heading strong, .reset-audit-heading small { display: block; }
.reset-audit-heading small { margin-top: 3px; color: var(--ink-500); font-size: 10px; }
.reset-audit-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 11px; color: var(--red); background: var(--red-bg); }
.reset-audit-explanation { margin: 0; padding: 13px 14px; border: 1px solid #d8e5f1; border-radius: 11px; color: var(--ink-600); background: #fff; font-size: 11px; line-height: 1.55; }
.reset-choice { padding: 16px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 13px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.reset-choice.full-reset { border-color: #efc9c9; background: #fffafa; }
.reset-choice h2 { margin: 0; color: var(--ink-900); font-size: 14px; }
.reset-choice p { margin: 5px 0 0; color: var(--ink-600); font-size: 11px; line-height: 1.5; }
.reset-choice-mark { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 11px; color: var(--blue-700); background: var(--blue-50); }
.reset-choice-mark.all { color: var(--red); background: var(--red-bg); }
.reset-choice .btn { white-space: nowrap; }
.reset-audit-footer { padding-top: 3px; display: flex; justify-content: flex-end; }
@media (max-width: 760px) {
  .reset-choice { grid-template-columns: auto minmax(0,1fr); align-items: start; }
  .reset-choice .btn { grid-column: 1 / -1; width: 100%; }
}
.modal-head > div > small { display: block; margin-top: 3px; color: var(--ink-500); font-size: 8px; }
.modal-form { display: grid; gap: 16px; }
.form-section { margin: 0; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.form-section legend { padding: 0 8px; color: var(--blue-700); font-size: 11px; font-weight: 850; }
.textarea.compact { min-height: 70px; }
.modal-form-actions { padding-top: 14px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; border-top: 1px solid var(--line); }
.document-review { margin-bottom: 18px; border-color: #c7dcf4; background: linear-gradient(145deg,#fff,#f6faff); }
.document-loading { min-height: 100px; display: flex; align-items: center; justify-content: center; gap: 14px; }
.document-loading h2 { margin: 0; font-size: 16px; }
.document-loading p { margin: 5px 0 0; color: var(--ink-600); font-size: 9px; }
.document-proposal-list { max-height: 620px; margin-top: 14px; display: grid; gap: 9px; overflow-y: auto; }
.document-proposal { padding: 12px; display: grid; grid-template-columns: 34px minmax(0,1fr) minmax(215px,270px); align-items: start; gap: 11px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.document-proposal.ignored { opacity: .58; background: var(--surface-soft); }
.proposal-index { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: var(--blue-700); background: var(--blue-50); font-size: 8px; font-weight: 850; }
.proposal-main { min-width: 0; }
.proposal-main .textarea { min-height: 58px; }
.proposal-reason { margin-top: 6px; color: var(--ink-500); font-size: 8px; line-height: 1.45; }
.proposal-reason strong { display: block; margin-top: 4px; color: var(--amber); }
.proposal-controls { display: grid; grid-template-columns: 1fr; gap: 7px; }
.answer-admin-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.answer-admin-row { min-width: 0; padding: 10px; display: grid; grid-template-columns: minmax(0,1fr) 70px; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); }
.answer-admin-row strong, .answer-admin-row small { display: block; }
.answer-admin-row strong { font-size: 9px; }
.answer-admin-row small { margin-top: 3px; color: var(--ink-500); font-size: 7px; }
.question-admin-rules { margin-top: 9px; padding: 10px; display: grid; grid-template-columns: repeat(4,minmax(130px,1fr)); gap: 8px; border-radius: 10px; background: var(--surface-soft); }
.question-admin-meta { grid-template-columns: 90px 130px minmax(145px,1fr) minmax(145px,1fr) auto auto; }
.purge-complete { min-height: 100vh; min-height: 100dvh; padding: 24px; display: grid; place-items: center; background: linear-gradient(145deg,#eaf5ff,#f9fcff); }
.purge-complete .login-card { max-width: 560px; }
.purge-complete img { width: 58px; }
.sheet-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.sheet-gallery figure { min-height: 80px; margin: 0; padding: 10px; display: grid; align-content: start; gap: 7px; border: 1px solid #dbe6ef; border-radius: 9px; background: #f7fafc; }
.sheet-gallery-image { width: 100%; max-height: 260px; display: block; object-fit: contain; border-radius: 6px; background: #e8f0f6; }
.sheet-gallery figcaption { color: #38536e; font-size: 8px; }
.map-capture-button { cursor: pointer; }
.aerial-view-modal { width: min(100%,860px); background: #f6f9fc; }
.aerial-view-content { display: grid; gap: 14px; }
.capture-size-controls { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.capture-size-controls output { min-width:52px; text-align:center; font-variant-numeric:tabular-nums; }
.capture-size-controls .btn { min-height:44px; min-width:44px; }
.capture-size-panel { display:grid; gap:12px; padding:14px; border:1px solid var(--line); border-radius:12px; }
.aerial-view-preview { margin: 0; display: grid; justify-items: center; gap: 8px; }
.aerial-view-preview img { width: min(100%,640px); aspect-ratio: 8 / 5; display: block; object-fit: contain; border-radius: 12px; background: #dfe8f0; box-shadow: 0 8px 26px rgba(11,35,65,.14); }
.aerial-view-preview figcaption { color: var(--ink-600); font-size: 11px; font-weight: 750; text-align: center; }
.aerial-report-option { border-color: #bed8ee; background: linear-gradient(145deg,#fff,#f4f9fe); }
.report-preview-modal .modal-panel { width: min(100%,1180px); }
.report-preview-modal .modal-content { background: #e8eef4; }
.preview-sheet { background: #fff; }
.sheet-cover-page { position: relative; width: 100%; aspect-ratio: 210 / 297; overflow: hidden; color: #fff; background: linear-gradient(145deg,#0b2341 0%,#123d67 100%); }
.sheet-cover-page::before { content: ""; position: absolute; inset: 0 auto 0 0; width: .9%; background: #1e63e9; }
.preview-sheet.has-compact-cover { min-height: 0; }
.sheet-cover-page.is-compact { aspect-ratio: auto; height: auto; min-height: 0; padding: 32px 8%; display: grid; gap: 22px; overflow: visible; }
.sheet-cover-page.is-compact .sheet-brand, .sheet-cover-page.is-compact .sheet-title, .sheet-cover-page.is-compact .sheet-cover-identity { position: static; inset: auto; width: auto; min-height: 0; }
.sheet-cover-page .sheet-brand { position: absolute; z-index: 2; left: 6.8%; right: 6.8%; top: 4.8%; padding: 0; background: transparent; }
.sheet-cover-page .sheet-title { position: absolute; z-index: 2; left: 8%; right: 8%; top: 14.5%; padding: 0; background: transparent; border: 0; }
.sheet-cover-page .sheet-title h1 { max-width: 88%; margin-top: 2.2%; font-size: clamp(22px,4.4vw,36px); }
.sheet-cover-identity { position: absolute; z-index: 2; left: 8%; right: 8%; top: 70.5%; min-height: 17%; padding: 3.8% 4%; display: grid; align-content: start; border-left: 5px solid #1e63e9; border-radius: 5px; color: #fff; background: #102f52; }
.sheet-cover-identity strong, .sheet-cover-identity span, .sheet-cover-identity small { display: block; }
.sheet-cover-identity strong { font-size: clamp(13px,2.1vw,18px); }
.sheet-cover-identity span { margin-top: 1.2%; color: #d5e4f1; font-size: clamp(9px,1.45vw,12px); }
.sheet-cover-identity small { margin-top: 1.8%; color: #afc6dd; font-size: clamp(7px,1.1vw,9px); }
.sheet-cover-identity b { width: max-content; max-width: 100%; margin-top: 2.4%; padding: 1.1% 2.6%; border-radius: 4px; color: #fff; background: #1e63e9; font-size: clamp(7px,1.05vw,9px); overflow-wrap: anywhere; }
.sheet-aerial-view.sheet-site-capture { position: absolute; z-index: 5; left: var(--capture-left); top: var(--capture-top); width: var(--capture-width); margin: 0; display: grid; gap: 5px; cursor: grab; touch-action: none; user-select: none; }
.sheet-aerial-view.sheet-site-capture:focus-visible, .sheet-aerial-view.sheet-site-capture.is-editing { outline: 3px solid #66c2ff; outline-offset: 4px; }
.sheet-aerial-view.sheet-site-capture.is-editing { cursor: grabbing; }
.sheet-site-capture-image { position: relative; width: 100%; aspect-ratio: 8 / 5; }
.sheet-aerial-view.sheet-site-capture img { width: 100%; height: 100%; display: block; object-fit: contain; border: 1px solid rgba(255,255,255,.42); border-radius: 7px; background: rgba(255,255,255,.08); box-shadow: 0 8px 25px rgba(0,0,0,.2); pointer-events: none; }
.sheet-aerial-view.sheet-site-capture figcaption { display: -webkit-box; overflow: hidden; color: #d5e4f1; font-size: clamp(6px,.95vw,8px); line-height: 1.35; text-align: center; pointer-events: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sheet-capture-resize { position: absolute; right: 6px; bottom: 6px; width: 34px; height: 34px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #fff; background: #1e63e9; box-shadow: 0 4px 12px rgba(0,0,0,.25); cursor: nwse-resize; touch-action: none; }
.site-capture-selector-help { margin: 0 0 12px; color: var(--ink-600); font-size: 11px; line-height: 1.55; }
.site-capture-selector-list { display: grid; gap: 8px; }
.site-capture-selector-item { width: 100%; min-height: 66px; padding: 10px 12px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink-900); background: #fff; text-align: left; cursor: pointer; }
.site-capture-selector-item:hover { border-color: #9fc9ed; background: var(--blue-50); }
.site-capture-selector-item strong, .site-capture-selector-item small { display: block; }
.site-capture-selector-item small { margin-top: 4px; color: var(--ink-500); font-size: 9px; line-height: 1.4; }

@media (max-width: 1100px) {
  .portfolio-site-grid, .feature-grid, .compact-features { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .answer-admin-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .question-admin-rules { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .document-proposal { grid-template-columns: 32px minmax(0,1fr); }
  .proposal-controls { grid-column: 2; grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .map-card-with-view-switch { min-height: 0; grid-template-rows: auto minmax(360px,52vh) auto; }
  .site-map-stage { min-height: 360px; }
  .map-card-with-view-switch .site-map-frame { min-height: 360px; }
  .map-view-switch { max-width: none; overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; scrollbar-width: none; }
  .map-view-switch::-webkit-scrollbar { display: none; }
  .map-view-switch-label { flex: 0 0 auto; }
  .map-view-option { min-height: 44px; flex: 0 0 auto; }
  .aerial-framing-controls { flex: 0 0 auto; }
  .map-caption { align-items: stretch; flex-direction: column; }
  .map-caption .button-row { width: 100%; }
  .map-caption .btn { flex: 1; }
  .portfolio-site-grid, .feature-grid, .compact-features, .answer-admin-grid, .question-admin-rules { grid-template-columns: 1fr; }
  .document-proposal { grid-template-columns: 1fr; }
  .proposal-index { display: none; }
  .proposal-controls { grid-column: 1; grid-template-columns: 1fr; }
  .modal-form .grid-3, .modal-form .grid-2 { grid-template-columns: 1fr; }
  .modal-form .span-2, .modal-form .span-3 { grid-column: 1; }
  .modal-form-actions { align-items: stretch; flex-direction: column-reverse; }
  .modal-form-actions .btn { width: 100%; }
  .company-selection { align-items: stretch; flex-direction: column; }
  .sheet-gallery { grid-template-columns: 1fr; }
  .portfolio-site-actions, .client-portfolio-actions { flex-wrap: wrap; }
  .report-preview-modal .modal-head { align-items: stretch; flex-direction: column; }
  .report-preview-modal .modal-head .button-row { width: 100%; overflow-x: auto; flex-wrap: nowrap; }
  .report-preview-modal .modal-head .btn { flex: 0 0 auto; }
  .sheet-capture-resize { right: 6px; bottom: 6px; width: 42px; height: 42px; }
}

/* Itération terrain v0.4 — bilinguisme global, sprinkleur Expert et livrables */
.criterion-details-clean { grid-template-columns: minmax(0,1fr) auto; align-items: end; }
.criterion-comment { min-width: 0; }
.criterion-details-clean .criterion-tools { grid-column: auto; align-self: end; }

.report-control-bar { padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-color: #cfe0f2; background: linear-gradient(135deg,#fafdff,#eef6ff); }
.report-control-bar > div:first-child { min-width: 0; }
.report-control-bar strong, .report-control-bar p { display: block; }
.report-control-bar strong { margin-top: 4px; font-size: 13px; }
.report-control-bar p { margin: 4px 0 0; color: var(--ink-500); font-size: 9px; line-height: 1.4; }
.language-switch { padding: 4px; display: flex; border: 1px solid #cbdcec; border-radius: 11px; background: #fff; box-shadow: var(--shadow-sm); }
.language-switch button { min-width: 54px; min-height: 35px; border: 0; border-radius: 8px; color: var(--ink-500); background: transparent; cursor: pointer; font-size: 10px; font-weight: 850; letter-spacing: .06em; }
.language-switch button.active { color: #fff; background: var(--blue-700); box-shadow: 0 4px 12px rgba(20,91,161,.22); }
.report-actions { gap: 7px; }
.report-actions .btn { flex: 1 1 auto; }
.format-mark { width: 18px; height: 18px; display: inline-grid; place-items: center; border-radius: 5px; color: #fff; font-size: 8px; font-weight: 900; }
.format-mark.word { background: #185abd; }
.format-mark.pdf { background: #d64045; }
.annex-card { overflow: hidden; }
.annex-drop { min-height: 66px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; border: 1.5px dashed #aec7df; border-radius: 12px; color: var(--blue-700); background: #f6faff; cursor: pointer; }
.annex-drop:hover { border-color: var(--blue-500); background: var(--blue-50); }
.annex-drop > span { min-width: 0; }
.annex-drop strong, .annex-drop small { display: block; }
.annex-drop strong { font-size: 11px; }
.annex-drop small { margin-top: 3px; color: var(--ink-500); font-size: 8px; }
.attachment-list { margin-top: 12px; display: grid; gap: 7px; }
.attachment-row { min-height: 58px; padding: 9px 10px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.attachment-icon { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: var(--blue-600); background: var(--blue-50); }
.attachment-copy { min-width: 0; flex: 1; }
.attachment-copy strong, .attachment-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attachment-copy strong { font-size: 10px; }
.attachment-copy small { margin-top: 4px; color: var(--ink-500); font-size: 8px; }
.attachment-include { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-600); white-space: nowrap; font-size: 8px; font-weight: 700; }
.attachment-include input { accent-color: var(--blue-600); }
.annex-empty { margin-top: 12px; padding: 14px; border-radius: 11px; color: var(--ink-500); background: var(--surface-soft); text-align: center; font-size: 9px; }
.annex-card .source-note { margin-top: 12px; }

.sheet-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.sheet-metric { padding: 11px; border: 1px solid #dbe6ef; border-radius: 9px; background: #f7fafc; }
.sheet-metric span { display: block; color: #66809a; font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.sheet-metric strong { display: block; margin-top: 5px; color: #163e66; font-size: 13px; }
.sheet-key-values { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; border: 1px solid #dbe6ef; border-radius: 10px; overflow: hidden; }
.sheet-key-values > div { padding: 10px 12px; border-right: 1px solid #e5edf4; border-bottom: 1px solid #e5edf4; }
.sheet-key-values dt { color: #66809a; font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.sheet-key-values dd { margin: 4px 0 0; color: #284967; font-size: 10px; line-height: 1.45; }
.sheet-table-wrap { overflow-x: auto; border: 1px solid #dbe6ef; border-radius: 9px; }
.sheet-table { width: 100%; border-collapse: collapse; }
.sheet-table th, .sheet-table td { min-width: 92px; padding: 8px; border-bottom: 1px solid #e7eef5; border-right: 1px solid #e7eef5; color: #38536e; font-size: 8px; line-height: 1.45; text-align: left; vertical-align: top; }
.sheet-table th { color: #163e66; background: #f0f5f9; font-weight: 800; }
.sheet-table tr:last-child td { border-bottom: 0; }
.sheet-callout { padding: 11px; display: flex; align-items: flex-start; gap: 8px; border: 1px solid #e8d79f; border-radius: 9px; color: #6c5819; background: #fffbed; font-size: 9px; line-height: 1.5; }

button.switch { padding: 0; border: 0; cursor: pointer; appearance: none; }
.uninstall-card { border-color: #efd1d6; background: linear-gradient(145deg,#fff,#fff8f8); }
.uninstall-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.uninstall-grid > div { padding: 14px; border: 1px solid #eadfe1; border-radius: 12px; background: rgba(255,255,255,.82); }
.uninstall-grid strong { display: flex; align-items: center; gap: 7px; font-size: 11px; }
.uninstall-grid ol { margin: 9px 0 0; padding-left: 18px; color: var(--ink-600); font-size: 9px; line-height: 1.65; }
.danger-zone { margin-top: 13px; padding: 14px; display: flex; align-items: center; gap: 16px; border: 1px solid #efc4ca; border-radius: 12px; background: #fff; }
.danger-zone > div { min-width: 0; flex: 1; }
.danger-zone strong { font-size: 11px; }
.danger-zone p { margin: 4px 0 0; color: var(--ink-600); font-size: 9px; line-height: 1.5; }

.construction-card { --construction-control-height: 44px; position: relative; overflow: hidden; border-color: #cfe0ee; }
.construction-card::before { content: ""; position: absolute; width: 260px; height: 260px; right: -150px; top: -170px; border-radius: 50%; background: radial-gradient(circle,rgba(51,143,207,.12),transparent 68%); pointer-events: none; }
.construction-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.construction-head h2 { margin: 3px 0 6px; font-size: 20px; letter-spacing: -.03em; }
.construction-head p:not(.eyebrow) { max-width: 650px; margin: 0; color: var(--ink-600); font-size: 11px; line-height: 1.5; }
.construction-code { min-width: 185px; padding: 14px 16px; border: 1px solid #e1d59f; border-radius: 13px; background: #fffbed; }
.construction-code.complete { border-color: #b8ddcf; background: var(--green-bg); }
.construction-code > span, .construction-code > strong { display: block; }
.construction-code > span { color: var(--ink-500); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.construction-code > strong { margin: 5px 0 8px; color: var(--ink-900); font-size: 23px; letter-spacing: .09em; }
.construction-section { margin-top: 19px; padding-top: 16px; border-top: 1px solid #e8eff5; }
.construction-section h3 { margin: 0 0 10px; color: var(--ink-700); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.construction-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)); align-items: start; gap: 12px; }
.construction-grid > * { min-width: 0; }
.construction-grid > .field { grid-template-rows: minmax(34px,auto) var(--construction-control-height); align-content: start; }
.construction-grid > .field .field-label { min-height: 34px; display: flex; align-items: flex-end; line-height: 1.3; }
.construction-card .input, .construction-card .select { height: var(--construction-control-height); min-height: var(--construction-control-height); max-height: var(--construction-control-height); padding-block: 9px; font-size: 10px; }
.construction-explanation { margin-top: 15px; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 7px; }
.construction-explanation > div { padding: 9px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.construction-explanation span, .construction-explanation strong, .construction-explanation small { display: block; }
.construction-explanation span { color: var(--ink-500); font-size: 7px; text-transform: uppercase; letter-spacing: .04em; }
.construction-explanation strong { margin-top: 5px; color: var(--blue-700); font-size: 13px; }
.construction-explanation small { margin-top: 3px; color: var(--ink-600); font-size: 7px; line-height: 1.35; }
.construction-card > .source-note { margin-top: 15px; }

@media (max-width: 760px) {
  .criterion-details-clean, .uninstall-grid, .construction-grid { grid-template-columns: 1fr; }
  .criterion-details-clean .criterion-tools { grid-column: 1; justify-content: flex-start; }
  .criterion-flags { margin-left: -39px; margin-top: 38px; }
  .report-control-bar, .danger-zone { align-items: stretch; flex-direction: column; }
  .language-switch { align-self: stretch; }
  .language-switch button { flex: 1; }
  .attachment-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; }
  .attachment-include { grid-column: 2 / -1; grid-row: 2; }
  .sheet-metrics, .sheet-key-values { grid-template-columns: 1fr; }
  .construction-head { flex-direction: column; }
  .construction-code { width: 100%; }
  .construction-explanation { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Entrée IA unique, compacte et intégrée à la barre supérieure. */
.topbar-ai-button {
  position: relative;
  min-height: 40px;
  padding: 7px 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #d8def5;
  border-radius: 10px;
  color: #40509e;
  background: #f7f7ff;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
  transition: border-color var(--ease), background var(--ease), color var(--ease);
}
.topbar-ai-button:hover { border-color: #b9c3ed; color: #2f438f; background: #efefff; }
.topbar-ai-button > .icon, .topbar-ai-button > .spinner { width: 17px; height: 17px; }
.topbar-ai-state { width: 7px; height: 7px; border: 1px solid #fff; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 1px rgba(114,89,17,.12); }
.topbar-ai-button.status-ok .topbar-ai-state { background: var(--green); }
.topbar-ai-button.status-error .topbar-ai-state, .topbar-ai-button.status-offline .topbar-ai-state { background: var(--red); }
.topbar-ai-button.status-disabled { color: var(--ink-500); background: var(--surface-soft); }
.topbar-ai-button.status-disabled .topbar-ai-state { background: var(--ink-500); }
.ai-assistant-modal .modal-panel { width: min(100%, 610px); background: #f7f8ff; }
.ai-assistant-content { display: grid; gap: 16px; }
.ai-assistant-logo { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#3158c5,#7659df); box-shadow: 0 8px 20px rgba(73,79,188,.22); }
.modal-head .ai-title { display: flex; align-items: center; gap: 11px; }
.modal-head .ai-title strong, .modal-head .ai-title small { display: block; }
.modal-head .ai-title small { margin-top: 3px; color: var(--ink-500); font-size: 8px; }
.ai-assistant-status { padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #dddff8; border-radius: 12px; background: #fff; }
.ai-assistant-status > div { display: flex; align-items: center; gap: 8px; font-size: 10px; }
.ai-assistant-intro h2 { margin: 0 0 6px; font-size: 18px; letter-spacing: -.025em; }
.ai-assistant-intro p { margin: 0; color: var(--ink-600); font-size: 10px; line-height: 1.55; }
.ai-assistant-group { display: grid; gap: 7px; }
.ai-assistant-group > span { color: var(--ink-500); font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.ai-assistant-action { width: 100%; min-height: 62px; padding: 10px 12px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid #dce2f4; border-radius: 12px; color: var(--ink-800); background: #fff; cursor: pointer; text-align: left; }
.ai-assistant-action:hover:not(:disabled) { border-color: #aebbea; background: #fafaff; }
.ai-assistant-action:disabled { opacity: .52; cursor: not-allowed; }
.ai-assistant-action-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: #5f55cc; background: #eeecff; }
.ai-assistant-action strong, .ai-assistant-action small { display: block; }
.ai-assistant-action strong { font-size: 10px; line-height: 1.35; }
.ai-assistant-action small { margin-top: 3px; color: var(--ink-500); font-size: 8px; line-height: 1.35; }
.ai-setup-modal .modal-panel { width: min(100%, 680px); background: #f3f6fb; }
.ai-setup-content { display: grid; gap: 14px; }
.ai-setup-hero { padding: 18px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 15px; border: 1px solid #d8e1f0; border-radius: 15px; background: linear-gradient(135deg,#fff,#f7f5ff); }
.ai-setup-hero-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: #5a4dc3; background: #ebe8ff; }
.ai-setup-hero h2 { margin: 3px 0 5px; font-size: 20px; letter-spacing: -.03em; }
.ai-setup-hero p:not(.eyebrow) { margin: 0; color: var(--ink-600); font-size: 10px; line-height: 1.55; }
.ai-test-result { padding: 13px 15px; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: flex-start; gap: 10px; border: 1px solid #badfce; border-radius: 12px; color: #176247; background: #eef9f3; }
.ai-test-result.error { border-color: #efc5cc; color: var(--red); background: #fff5f6; }
.ai-test-result.testing { border-color: #cbd8ef; color: var(--blue-700); background: #f3f7ff; }
.ai-test-result strong { display: block; font-size: 12px; line-height: 1.4; }
.ai-test-result p { margin: 7px 0 0; color: var(--ink-700); font-size: 10px; line-height: 1.55; }
.ai-key-entry { padding: 18px; display: grid; gap: 15px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.ai-key-entry-head { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 12px; }
.ai-key-entry-head h2 { margin: 0; font-size: 15px; letter-spacing: -.025em; }
.ai-key-entry-head p { margin: 5px 0 0; color: var(--ink-500); font-size: 9px; line-height: 1.5; }
.platform-mark { width: 48px; min-height: 40px; padding: 5px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(135deg,#1d3350,#4b6380); font-size: 11px; font-weight: 850; line-height: 1.05; text-align: center; }
.platform-mark.web { background: linear-gradient(135deg,#3158c5,#7659df); font-size: 8px; }
.ai-key-form { display: grid; gap: 10px; }
.ai-key-field { margin: 0; }
.ai-key-field .input { height: 46px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .04em; }
.ai-key-help { margin: 0; display: flex; align-items: flex-start; gap: 7px; color: var(--ink-500); font-size: 8px; line-height: 1.5; }
.ai-key-help .icon { flex: 0 0 auto; color: var(--blue-600); }
.ai-key-actions { display: flex; align-items: stretch; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.ai-key-actions .btn { min-height: 42px; }
.ai-key-remove { width: fit-content; min-height: 32px; justify-self: end; color: var(--red); }
.server-secret-note { padding: 12px; display: flex; align-items: center; gap: 10px; border: 1px solid #d8ddf2; border-radius: 11px; color: #5147ad; background: #f4f2ff; }
.server-secret-note code { display: block; font-size: 10px; font-weight: 800; }
.server-secret-note span { display: block; margin-top: 3px; color: #6b65a0; font-size: 8px; }
.server-secret-note.ready { border-color: #b9ddcc; color: #176247; background: #eef9f3; }
.server-secret-note.ready strong { display: block; font-size: 14px; }
.server-secret-note.ready span { color: #477565; font-size: 12px; }
.provider-replacement { margin-top: 14px; border: 1px solid #d8e1ea; border-radius: 12px; background: #fbfcfe; overflow: hidden; }
.provider-replacement summary { padding: 13px 15px; cursor: pointer; color: var(--ink-700); font-size: 13px; font-weight: 800; list-style-position: inside; }
.provider-replacement[open] summary { border-bottom: 1px solid #e2e8ef; background: #f5f8fb; }
.provider-replacement .ai-key-form { margin: 0; padding: 15px; }
.authorization-required { border-color: #ead69c; background: #fffaf0; }
.static-field { display: flex; align-items: center; color: var(--ink-600); background: #f5f8fb; }
.ai-setup-footer { padding-top: 15px; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--line); }

.nav-pill-alert { color: #fff !important; background: var(--red) !important; }
.followup-metrics { margin-bottom: 18px; }
.followup-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.followup-search { position: relative; width: min(330px,100%); display: flex; align-items: center; }
.followup-search > .icon { position: absolute; z-index: 1; left: 12px; color: var(--ink-500); }
.followup-search .input { width: 100%; padding-left: 36px; }
.followup-list { margin-top: 17px; display: grid; gap: 9px; }
.followup-row { padding: 15px; display: grid; grid-template-columns: minmax(0,1fr) minmax(230px,.38fr) auto; align-items: center; gap: 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; transition: border-color var(--ease), box-shadow var(--ease); }
.followup-row:hover { border-color: #c0d1e3; box-shadow: 0 10px 28px rgba(21,53,86,.06); }
.followup-row.is-overdue { border-left: 4px solid var(--red); }
.followup-row-main { min-width: 0; }
.followup-row-title { display: flex; align-items: center; gap: 11px; }
.followup-row-title > div { min-width: 0; }
.followup-row-title strong { display: block; overflow: hidden; font-size: 11px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.followup-row-title span:not(.priority-box) { display: block; margin-top: 4px; color: var(--ink-500); font-size: 8px; }
.followup-dates { margin: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.followup-dates div { min-width: 0; padding-left: 11px; border-left: 1px solid var(--line); }
.followup-dates dt { color: var(--ink-500); font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.followup-dates dd { margin: 5px 0 0; color: var(--ink-800); font-size: 9px; font-weight: 750; }
.critical-text { color: var(--red) !important; }
.followup-history { margin-top: 18px; }
.followup-service-note { margin-bottom: 70px; }
.source-note.warning { color: var(--amber); background: var(--amber-bg); }
.followup-editor-heading { padding: 15px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; border: 1px solid #d9e4f0; border-radius: 14px; background: #fff; }
.followup-editor-heading > div { display: flex; align-items: flex-start; gap: 11px; }
.followup-editor-heading h2 { margin: 1px 0 5px; font-size: 15px; line-height: 1.35; }
.followup-editor-heading p { margin: 0; color: var(--ink-600); font-size: 9px; line-height: 1.5; }
.followup-enable { margin: 2px 0; align-items: center; }
.followup-enable > span { min-width: 0; flex: 1; }
.followup-enable > input { position: static; width: 20px; height: 20px; margin-left: auto; opacity: 1; pointer-events: auto; accent-color: var(--blue-600); }
.followup-enable strong { font-size: 10px; }
.followup-enable small { font-size: 8px; }
.followup-email-preview { padding: 17px; border: 1px solid #dbe4ed; border-radius: 14px; background: #fff; }
.followup-email-preview .card-head { margin-bottom: 12px; }
.followup-email-preview h3 { margin: 0; font-size: 12px; }
.followup-email-preview p { margin: 4px 0 0; color: var(--ink-600); font-size: 9px; }
.followup-email-preview pre { max-height: 270px; margin: 0; padding: 15px; overflow: auto; border-radius: 10px; color: var(--ink-700); background: var(--surface-soft); font: 9px/1.65 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; }

@media (max-width: 1100px) {
  .followup-toolbar { align-items: stretch; flex-direction: column; }
  .followup-search { width: 100%; }
  .followup-row { grid-template-columns: minmax(0,1fr) auto; }
  .followup-dates { grid-column: 1; }
  .followup-row > .btn { grid-column: 2; grid-row: 1 / span 2; }
}

@media (max-width: 760px) {
  .topbar-ai-button { width: 44px; min-width: 44px; min-height: 44px; padding: 0; justify-content: center; }
  .topbar-ai-button > span { display: none; }
  .topbar-ai-state { position: absolute; top: 7px; right: 7px; }
  .ai-setup-hero { align-items: flex-start; grid-template-columns: auto minmax(0,1fr); }
  .ai-setup-hero > .badge { grid-column: 1 / -1; justify-self: start; }
  .ai-key-entry { padding: 15px; }
  .ai-key-entry-head { align-items: flex-start; }
  .ai-key-actions { display: grid; grid-template-columns: 1fr; }
  .ai-key-actions .btn, .ai-setup-footer .btn { width: 100%; }
  .ai-key-remove { width: 100%; justify-self: stretch; }
  .ai-setup-footer { align-items: stretch; flex-direction: column-reverse; }
  .followup-row { grid-template-columns: 1fr; gap: 13px; }
  .followup-row > .btn { grid-column: 1; grid-row: auto; width: 100%; }
  .followup-dates { grid-column: 1; }
  .followup-editor-heading { flex-direction: column; }
  .followup-email-preview pre { max-height: 220px; }
}

/* iPad et PWA installée — confort terrain sans modifier la mise en page desktop */
.table-scroll,
.sheet-table-wrap,
.rating-analysis-grid [style*="overflow-x:auto"],
.audit-steps,
.theme-nav,
.reference-categories {
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

.modal-content,
.drawer,
.document-proposal-list {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

@media (pointer: coarse) {
  .btn,
  .language-toggle,
  .status-indicator,
  .card-link,
  .theme-button,
  .reference-category,
  .answer-choice,
  .module-chip,
  .filter-chip,
  .language-switch button,
  .photo-actions .btn,
  .compact-select,
  .material-row .input,
  .material-row .select,
  .attachment-include,
  .mode-module-checks > label:not(.field-label) {
    min-height: 44px;
  }

  .btn-icon,
  .topbar-avatar,
  .sidebar-profile button,
  .question-admin-order button {
    width: 44px;
    min-width: 44px;
    min-height: 44px;
  }

  .topbar-avatar,
  .sidebar-profile button,
  .card-link {
    display: inline-grid;
    place-items: center;
  }

  .card-link { padding-inline: 8px; }
  .theme-button { min-height: 48px; }
  .feature-toggle { min-height: 52px; }
  .question-admin-row { grid-template-columns: 56px minmax(0,1fr); }
  .question-admin-order button { height: 44px; }

  button.switch {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    background: transparent;
  }

  button.switch::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 11px;
    width: 38px;
    height: 22px;
    border-radius: 999px;
    background: #cbd7e2;
  }

  button.switch.on::before { background: var(--green); }
  button.switch::after { left: 6px; top: 14px; }
  button.switch.on::after { left: 22px; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .sidebar {
    padding-top: max(22px, env(safe-area-inset-top, 0px));
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
    padding-left: max(11px, env(safe-area-inset-left, 0px));
  }

  .sidebar-profile .avatar { display: none; }
  .sidebar-profile button {
    display: grid;
    place-items: center;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    color: #a8c4df;
  }

  .topbar {
    min-height: calc(var(--topbar) + env(safe-area-inset-top, 0px));
    padding-top: env(safe-area-inset-top, 0px);
    padding-right: max(clamp(18px, 3vw, 38px), env(safe-area-inset-right, 0px));
  }

  .page {
    padding-right: max(clamp(18px, 3vw, 38px), env(safe-area-inset-right, 0px));
    padding-bottom: max(64px, calc(env(safe-area-inset-bottom, 0px) + 32px));
  }

  .theme-nav,
  .reference-categories { scroll-snap-type: inline proximity; }
  .theme-button,
  .reference-category { scroll-snap-align: start; }

  .map-card { min-height: 320px; }
  .table-scroll .rating-table,
  .rating-analysis-grid .rating-table { min-width: 560px; }
  .sheet-table { min-width: 620px; }

  .modal {
    inset:
      max(12px, env(safe-area-inset-top, 0px))
      max(12px, env(safe-area-inset-right, 0px))
      max(12px, env(safe-area-inset-bottom, 0px))
      max(12px, env(safe-area-inset-left, 0px));
    overflow: hidden;
  }

  .modal-panel {
    max-height: min(100%, calc(100dvh - 24px));
    margin: 0 auto;
    display: flex;
    flex-direction: column;
  }

  .modal-head { flex: 0 0 auto; }
  .modal-content {
    min-height: 0;
    max-height: none;
    flex: 1 1 auto;
    scroll-padding-block: 18px max(32px, env(safe-area-inset-bottom, 0px));
  }

  .drawer {
    height: 100dvh;
    max-height: 100dvh;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .drawer-head {
    padding-top: max(18px, env(safe-area-inset-top, 0px));
    padding-right: max(22px, env(safe-area-inset-right, 0px));
  }

  .drawer-body {
    padding-right: max(24px, env(safe-area-inset-right, 0px));
    padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
  }
}

@media (min-width: 761px) and (max-width: 900px) {
  .login-page { grid-template-columns: minmax(300px,.86fr) minmax(360px,1.14fr); }
  .login-story { padding: 34px clamp(28px,4vw,42px); }
  .login-story-content { margin: 56px 0 32px; }
  .login-story h1 { font-size: clamp(34px,5vw,44px); }
  .login-story-content > p { margin-block: 18px 24px; font-size: 14px; }
  .login-proof { grid-template-columns: 1fr; }
  .login-proof-item:nth-child(n+2), .login-footnote { display: none; }
  .login-panel { padding: 32px 28px; }

  .topbar { gap: 12px; padding-inline: 18px; }
  .status-indicator { min-width: 44px; padding-inline: 9px; justify-content: center; }
  .status-indicator > span:not(.status-dot) { display: none; }
  .page { padding: 26px 20px 58px; }

  .map-caption { align-items: stretch; flex-direction: column; }
  .map-caption .button-row { width: 100%; flex-wrap: wrap; }
  .map-caption .btn { flex: 1 1 120px; }
  .question-admin-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .question-admin-meta .btn-icon { width: 100%; }
  .construction-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)); }
  .construction-explanation { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (display-mode: standalone) {
  .sidebar {
    padding-top: max(22px, env(safe-area-inset-top, 0px));
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
    padding-left: max(16px, env(safe-area-inset-left, 0px));
  }

  .topbar {
    min-height: calc(var(--topbar) + env(safe-area-inset-top, 0px));
    padding-top: env(safe-area-inset-top, 0px);
    padding-left: max(clamp(18px, 3vw, 38px), calc(env(safe-area-inset-left, 0px) + 12px));
    padding-right: max(clamp(18px, 3vw, 38px), calc(env(safe-area-inset-right, 0px) + 12px));
  }

  .page {
    padding-left: max(clamp(18px, 3vw, 38px), calc(env(safe-area-inset-left, 0px) + 12px));
    padding-right: max(clamp(18px, 3vw, 38px), calc(env(safe-area-inset-right, 0px) + 12px));
    padding-bottom: max(64px, calc(env(safe-area-inset-bottom, 0px) + 32px));
  }

  .login-language-toggle {
    top: max(22px, calc(env(safe-area-inset-top, 0px) + 12px));
    right: max(24px, calc(env(safe-area-inset-right, 0px) + 12px));
  }

  .purge-complete {
    padding-top: max(24px, env(safe-area-inset-top, 0px));
    padding-right: max(24px, env(safe-area-inset-right, 0px));
    padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
    padding-left: max(24px, env(safe-area-inset-left, 0px));
  }
}

@media (display-mode: standalone) and (max-width: 760px) {
  .toast { top: calc(var(--topbar) + env(safe-area-inset-top, 0px) + 10px); bottom: auto; }
}
.page.client-followup-page { width: 100%; max-width: 1400px; padding-inline: 40px; box-sizing: border-box; min-width: 0; }
.client-followup-page > .card, .client-followup-layout > .card { padding: 22px; margin-bottom: 20px; min-width: 0; }
.client-followup-page .table-wrap { max-width: 100%; overflow-x: auto; }
.client-followup-page .table-wrap table { width: 100%; min-width: 620px; border-collapse: collapse; }
.client-followup-page .table-wrap th,
.client-followup-page .table-wrap td { padding: 12px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.client-followup-page .table-wrap th { color: var(--ink-500); font-size: 12px; font-weight: 700; }
.client-followup-page .table-wrap tbody tr:last-child td { border-bottom: 0; }
.client-followup-page td small { display: block; margin-top: 4px; }
.client-followup-page .page-header { flex-wrap: wrap; }
.client-followup-page .page-header > div { min-width: 0; flex: 1 1 340px; }
.client-followup-page .break-all { overflow-wrap: anywhere; }
.client-followup-page .client-request-grid > .recommendation-card { display: block; min-width: 0; border: 1px solid var(--line); border-radius: 12px; cursor: default; }
.client-followup-page .recommendation-card-head { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 12px; }
.client-followup-page .recommendation-card-head > div { flex: 1 1 260px; min-width: 0; }
.client-followup-page .recommendation-card-head h3 { margin: 8px 0; overflow-wrap: anywhere; }
.client-followup-page .recommendation-card-head p { margin: 6px 0; }
.client-followup-page .source-note { flex-wrap: wrap; font-size: 12px; }
.client-followup-page .source-note > span { overflow-wrap: anywhere; }
.client-followup-layout { align-items: start; gap: 24px; }
@media (max-width: 1380px) { .page.client-followup-page { padding-inline: 32px; } }
@media (max-width: 1100px) { .page.client-followup-page { padding-inline: 24px; } }
@media (max-width: 760px) {
  .page.client-followup-page { padding-inline: 16px; }
  .client-followup-page .page-header > div { flex: 0 1 auto; width: 100%; }
  .client-followup-layout { grid-template-columns: minmax(0, 1fr); }
  .client-followup-page > .card, .client-followup-layout > .card { padding: 16px; }
}
.client-followup-filters { margin: 14px 0 18px; }
.recommendation-publish-list { display: grid; gap: 8px; max-height: 420px; overflow: auto; margin: 14px 0; }
.publish-choice { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border: 1px solid var(--line); border-radius: 12px; }
.publish-choice span { display: grid; gap: 3px; }
.publish-choice small { color: var(--ink-500); }
.client-qr { max-width: 260px; margin: 12px auto; }
.client-qr svg { width: 100%; height: auto; }
.break-all { overflow-wrap: anywhere; }
.client-request-grid { display: grid; gap: 12px; }
.client-request-unread { border-color: #e5a727; box-shadow: 0 0 0 2px rgb(229 167 39 / 12%); }
.client-request-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 7px; }
.client-request-summary { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 8px; margin: 14px 0 4px; }
.client-request-summary > div { min-width: 0; padding: 10px 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.client-request-summary dt { color: var(--ink-500); font-size: 11px; font-weight: 700; letter-spacing: .02em; }
.client-request-summary dd { margin: 4px 0 0; color: var(--ink-800); font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
.client-evidence-action { display: inline-flex; align-items: stretch; gap: 4px; }
.client-evidence-action .btn-danger { min-width: 36px; }
.source-note.internal-only { border: 1px solid #cad6e5; color: var(--ink-700); background: #f1f5fa; }
.client-mail-simulation { display: block; margin-top: 10px; color: var(--ink-500); font-size: 12px; }
.client-request-history { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 10px; }
.client-request-history summary { cursor: pointer; color: var(--ink-700); font-size: 13px; font-weight: 700; }
.client-history-list { display: grid; gap: 8px; margin: 10px 0 0; padding-left: 20px; }
.client-history-list li { color: var(--ink-700); font-size: 13px; }
.client-history-list li > * { display: block; }
.client-history-list span, .client-history-list small { margin-top: 2px; color: var(--ink-500); }
.form-stack { display: grid; gap: 14px; }
.client-expiration { display: flex; align-items: center; gap: 8px; min-width: 255px; }
.client-expiration .input { min-width: 145px; }

@media (max-width: 760px) {
  .client-followup-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
  .client-followup-filters .filter-chip { flex: 0 0 auto; }
  .client-request-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .client-evidence-action { width: 100%; }
  .client-evidence-action .btn:first-child { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
  .client-expiration { min-width: 220px; }
}
/* Client responses stay visible and usable on desktop and touch screens. */
.client-notifications-button { min-height:44px; gap:8px; position:relative; flex-shrink:0; }
.client-review-modal { width:min(900px,calc(100vw - 24px)); }
.client-evidence-preview { display:block; max-width:100%; max-height:65vh; object-fit:contain; margin:0 auto 20px; border-radius:12px; }
.client-review-modal .modal-content { overflow:auto; max-height:calc(100dvh - 160px); }
@media(max-width:700px) { .client-notifications-button .notification-label { display:none; } .client-notifications-button { padding:8px; } }
.server-map-preview { position:relative; width:100%; aspect-ratio:8/5; display:grid; place-items:center; background:#edf4f9; }
.server-map-preview .site-map-frame { width:100%; height:100%; object-fit:contain; }
.server-map-preview [data-server-map-status] { padding:24px; text-align:center; }
.aerial-report-option > .button-row { margin:16px 0; }

/* Follow-up uses fluid fields and wrapping actions, never clipped content. */
.client-followup-page :is(.card, .form-stack, .field, .grid, .button-row, .source-note, .publish-choice, .publish-choice > span) { min-width:0; }
.client-followup-page :is(.input, select, textarea) { width:100%; min-width:0; max-width:100%; box-sizing:border-box; }
.client-followup-page .grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.client-followup-page :is(.btn, .badge, .source-note, .client-history-list, .publish-choice) { overflow-wrap:anywhere; }
.client-followup-page .btn { max-width:100%; white-space:normal; height:auto; min-height:44px; }
.client-followup-page .client-expiration { min-width:0; flex-wrap:wrap; }
.client-followup-page .client-expiration .input { flex:1 1 145px; width:145px; min-width:0; }
.client-followup-page .client-expiration .btn { flex:0 0 auto; min-width:112px; white-space:nowrap; overflow-wrap:normal; word-break:normal; }
.client-followup-page .client-evidence-action { max-width:100%; min-width:0; }
.client-followup-page .client-evidence-action .btn:first-child { min-width:0; flex:1; }
.client-followup-page .client-evidence-action .btn-danger { flex:none; }
.client-followup-page .card-head p, .client-request-summary dt, .client-request-summary dd, .client-request-history summary, .client-history-list li { font-size:.875rem; line-height:1.5; }
.client-followup-page .feature-toggle { display:flex; align-items:flex-start; min-width:0; }
.client-followup-page .feature-toggle .switch { flex-shrink:0; }
.capture-import-content { display: grid; gap: 16px; min-width: 0; }
.capture-import-content p { margin: 0; line-height: 1.55; }
.capture-import-content .btn { white-space: normal; }
.capture-import-content input[type="file"] { max-width: 100%; box-sizing: border-box; height: auto; }
.capture-import-content small { line-height: 1.5; }
.client-access-options { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; min-width:0; }
.client-followup-page .client-show-closed { position:relative; align-items:center; width:100%; box-sizing:border-box; min-height:52px; gap:12px; padding:14px; }
.client-show-closed strong { flex:1; min-width:0; font-size:.875rem; line-height:1.45; overflow-wrap:anywhere; }
.client-show-closed .switch { margin:0; }
.client-show-closed > input:checked + .switch { background:var(--green); }
.client-show-closed > input:checked + .switch::after { left:19px; }
.client-show-closed:focus-within { outline:2px solid var(--blue-600); outline-offset:3px; }
.client-summary-card > .field { max-width:600px; }
.client-summary-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; }
.client-summary-options > div { padding:18px; border-radius:14px; background:var(--surface-soft); min-width:0; }
.client-summary-options h3 { margin:0; font-size:1rem; }
.client-summary-options p { margin:8px 0 16px; font-size:.875rem; line-height:1.5; color:var(--ink-600); }
.client-summary-status:empty { display:none; }
.client-summary-status { font-size:.875rem; color:var(--ink-700); overflow-wrap:anywhere; }
.client-access-handout { padding-block:16px; margin-block:16px; border-block:1px solid var(--line); }
.client-access-handout p { margin:0 0 12px; font-size:.875rem; }
@media (max-width:1100px) { .client-followup-page .client-followup-layout { grid-template-columns:minmax(0,1fr); } }
@media (max-width:760px) {
  .client-followup-page .grid-2, .client-summary-options { grid-template-columns:minmax(0,1fr); }
  .client-summary-options > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; }
  .client-summary-options p { grid-column:1; margin:0; }
  .client-summary-options .button-row { grid-column:2; grid-row:1 / span 2; }
}
@media (max-width:1100px) {
  .client-followup-page .client-access-table table { min-width:0; }
  .client-access-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .client-access-table table, .client-access-table tbody, .client-access-table tr { display:block; }
  .client-followup-page .client-access-table td { display:block; width:100%; min-width:0; padding:9px 0; border:0; overflow-wrap:anywhere; }
  .client-access-table td[data-label]::before { content:attr(data-label); display:block; margin-bottom:6px; font-size:.8rem; font-weight:700; color:var(--ink-500); }
  .client-access-table td:first-child::before { display:none; }
  .client-access-table tbody tr + tr { border-top:1px solid var(--line); margin-top:20px; padding-top:20px; }
  .client-access-table .client-expiration { min-width:0; flex-wrap:wrap; }
  .client-access-table .client-expiration .input { flex:1 1 140px; }
}