:root{
  --orange:#FE9B1A;
  --pink-warm:#FD2A6A;
  --pink:#F52786;
  --purple:#6B1EA3;

  --charcoal:#1A1718;
  --charcoal-deep:#0E0C0D;
  --charcoal-soft:#2A2628;

  --neutral-50:#FBF8F8;
  --neutral-100:#F5F1F1;
  --neutral-200:#E9E3E4;
  --neutral-300:#D4CCCD;
  --neutral-400:#A89FA1;
  --neutral-500:#7A7173;
  --neutral-600:#524A4C;
  --neutral-700:#3A3335;
  --neutral-800:#221E1F;

  --success:#2E9E6B;
  --warning:#FE9B1A;
  --danger:#E13354;

  --gradient-brand:linear-gradient(135deg,var(--orange) 0%,var(--pink-warm) 38%,var(--pink) 62%,var(--purple) 100%);
  --gradient-bg-soft:linear-gradient(135deg,#FFF6EC 0%,#FFEAEC 50%,#F2E4F4 100%);

  --shadow-xs:0 1px 2px rgba(26,23,24,.05);
  --shadow-sm:0 2px 6px rgba(26,23,24,.06),0 1px 2px rgba(26,23,24,.04);
  --shadow-md:0 6px 16px rgba(26,23,24,.08),0 2px 4px rgba(26,23,24,.04);
  --shadow-lg:0 16px 32px rgba(26,23,24,.10),0 4px 8px rgba(26,23,24,.05);
  --shadow-brand:0 12px 28px rgba(253,42,106,.32),0 4px 8px rgba(254,155,26,.18);
  --shadow-brand-sm:0 4px 12px rgba(253,42,106,.24);

  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:24px; --r-pill:999px;

  --ease-out:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Montserrat',system-ui,-apple-system,sans-serif;
  font-size:14px;
  line-height:1.5;
  color:var(--charcoal);
  background:var(--neutral-100);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:0;background:none;}
ul{margin:0;padding:0;list-style:none;}
img,svg{display:block;max-width:100%;}

/* ============================================================
   Layout
   ============================================================ */
.app{
  display:grid;
  grid-template-columns:248px 1fr;
  min-height:100vh;
}

/* Sidebar */
.sidebar{
  background:var(--charcoal);
  color:#fff;
  padding:24px 18px;
  display:flex;flex-direction:column;gap:24px;
  position:sticky;top:0;height:100vh;
}
.sidebar .logo{display:flex;align-items:center;gap:10px;padding:0 8px;}
.sidebar .logo .pin{width:24px;height:30px;}
.sidebar .logo .name{font-weight:800;font-size:18px;letter-spacing:-.01em;color:#fff;}
.sidebar .logo .name .accent{
  background:var(--gradient-brand);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.side-section{display:flex;flex-direction:column;gap:2px;}
.side-section .heading{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.4);padding:0 12px;margin-bottom:8px;
}
.nav-link{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;border-radius:var(--r-md);
  font-size:14px;font-weight:500;color:rgba(255,255,255,.7);
  transition:background var(--ease-out) 200ms,color var(--ease-out) 200ms;
}
.nav-link:hover{background:var(--charcoal-soft);color:#fff;}
.nav-link.active{
  background:var(--gradient-brand);color:#fff;font-weight:600;
  box-shadow:var(--shadow-brand-sm);
}
.nav-link svg{flex-shrink:0;}
.nav-link .badge{
  margin-left:auto;background:rgba(255,255,255,.16);
  font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill);
}
.nav-link.active .badge{background:rgba(255,255,255,.24);}
.nav-link .badge.soon{
  background:var(--gradient-brand);color:#fff;
  font-size:9px;letter-spacing:.08em;text-transform:uppercase;
  padding:2px 7px;
}
.nav-link.soon{cursor:not-allowed;color:rgba(255,255,255,.45);}
.nav-link.soon:hover{background:transparent;color:rgba(255,255,255,.55);}

.help-card{
  margin-top:auto;
  background:var(--charcoal-soft);
  border-radius:var(--r-md);padding:16px;
  position:relative;overflow:hidden;
}
.help-card::before{
  content:"";position:absolute;inset:-30px -30px auto auto;
  width:120px;height:120px;border-radius:50%;
  background:var(--gradient-brand);opacity:.30;filter:blur(24px);
}
.help-card h4{margin:0 0 4px;font-size:14px;font-weight:700;position:relative;}
.help-card p{margin:0 0 12px;font-size:12px;color:rgba(255,255,255,.65);position:relative;line-height:1.5;}
.help-card .btn{position:relative;}

/* Main */
main{
  padding:32px 40px 56px;
  display:flex;flex-direction:column;gap:24px;
  min-width:0;
}

/* Top bar */
.topbar{
  display:flex;align-items:center;gap:16px;
  background:#fff;border:1px solid var(--neutral-200);
  border-radius:var(--r-pill);
  padding:8px 8px 8px 22px;
  box-shadow:var(--shadow-xs);
}
.topbar .search{
  flex:1;display:flex;align-items:center;gap:10px;
  font-size:14px;color:var(--neutral-500);
}
.topbar .search input{
  flex:1;border:0;outline:0;background:transparent;
  font-family:inherit;font-size:14px;color:var(--charcoal);min-width:0;
}
.topbar .avatar{
  width:36px;height:36px;border-radius:50%;
  background:var(--gradient-brand);color:#fff;
  display:grid;place-items:center;font-weight:700;font-size:14px;
}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-weight:600;font-size:14px;
  padding:10px 18px;border-radius:var(--r-pill);
  white-space:nowrap;
  transition:transform 150ms var(--ease-out),box-shadow 200ms var(--ease-out),background 200ms var(--ease-out);
}
.btn:active{transform:scale(.98);}
.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand);}
.btn-primary:hover{transform:translateY(-1px);}
.btn-dark{background:var(--charcoal);color:#fff;}
.btn-dark:hover{background:var(--charcoal-deep);}
.btn-outline{background:#fff;color:var(--charcoal);border:1.5px solid var(--neutral-200);}
.btn-outline:hover{border-color:var(--charcoal);}
.btn-ghost{color:var(--neutral-700);padding:8px 14px;}
.btn-ghost:hover{background:var(--neutral-100);}
.btn-sm{padding:8px 14px;font-size:13px;}
.btn-lg{padding:14px 22px;font-size:15px;}
.btn-block{width:100%;}
.btn[disabled]{opacity:.55;cursor:not-allowed;}

/* Page header */
.page-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.page-head .kicker{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--neutral-500);margin-bottom:8px;
  display:flex;align-items:center;gap:8px;
}
.page-head .kicker .pin{
  width:6px;height:6px;border-radius:50%;background:var(--gradient-brand);
}
.page-head h1{
  font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0;
  max-width:680px;
}
.page-head .actions{display:flex;gap:10px;flex-wrap:wrap;}

/* Card base */
.card{
  background:#fff;border:1px solid var(--neutral-200);
  border-radius:var(--r-lg);padding:22px;
  transition:box-shadow 200ms var(--ease-out);
}
.card.pad-lg{padding:28px;}
.card-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:18px;flex-wrap:wrap;
}
.card-head .title{font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0;}
.card-head .sub{font-size:12px;color:var(--neutral-500);margin-top:2px;}
.card-head .link{font-size:13px;font-weight:600;color:var(--pink-warm);}
.card-head .link:hover{color:var(--purple);}

/* ============================================================
   Bloc "Nouvel audit"
   ============================================================ */
.audit-launcher{
  position:relative;overflow:hidden;
  background:var(--charcoal);color:#fff;
  border-radius:var(--r-xl);
  padding:32px;
}
.audit-launcher::before{
  content:"";position:absolute;inset:auto -120px -160px auto;
  width:420px;height:420px;border-radius:50%;
  background:var(--gradient-brand);opacity:.28;filter:blur(60px);
  pointer-events:none;
}
.audit-launcher::after{
  content:"";position:absolute;inset:-160px auto auto -120px;
  width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,var(--orange) 0%,transparent 70%);opacity:.22;filter:blur(40px);
  pointer-events:none;
}
.audit-launcher .inner{position:relative;z-index:1;max-width:780px;}
.audit-launcher .kicker{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.85);margin-bottom:14px;
}
.audit-launcher .kicker::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--gradient-brand);
}
.audit-launcher h2{
  margin:0 0 8px;font-size:24px;font-weight:800;letter-spacing:-.015em;line-height:1.2;
}
.audit-launcher .lead{
  margin:0 0 20px;color:rgba(255,255,255,.75);font-size:14px;max-width:580px;
}
.audit-launcher .form{
  display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;
}
.audit-launcher .input-wrap{
  flex:1;min-width:280px;position:relative;
  display:flex;align-items:center;
  background:#fff;border-radius:var(--r-pill);
  padding:6px 6px 6px 18px;
  box-shadow:var(--shadow-md);
}
.audit-launcher .input-wrap svg{color:var(--neutral-500);flex-shrink:0;}
.audit-launcher .input-wrap input{
  flex:1;border:0;outline:0;background:transparent;
  padding:10px 12px;font-family:inherit;font-size:14px;color:var(--charcoal);
  min-width:0;
}
.audit-launcher .input-wrap input::placeholder{color:var(--neutral-400);}
.audit-launcher .form .btn-primary{
  padding:12px 22px;font-size:14px;
}
.audit-launcher .help-row{
  display:flex;align-items:flex-start;gap:8px;margin-top:14px;
  font-size:12px;color:rgba(255,255,255,.6);line-height:1.55;
}
.audit-launcher .help-row svg{flex-shrink:0;margin-top:2px;color:rgba(255,255,255,.45);}
.audit-launcher .form-error{
  display:none;margin-top:10px;padding:10px 14px;
  background:rgba(225,51,84,.12);border:1px solid rgba(225,51,84,.35);
  border-radius:var(--r-md);
  font-size:13px;color:#FFD2DA;
}
.audit-launcher .form-error.show{display:block;}

/* ============================================================
   KPIs (allégés MVP)
   ============================================================ */
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.kpi{
  background:#fff;border:1px solid var(--neutral-200);
  border-radius:var(--r-lg);padding:20px;
  display:flex;flex-direction:column;gap:6px;
  position:relative;overflow:hidden;
}
.kpi.brand{
  background:var(--gradient-brand);border-color:transparent;color:#fff;
  box-shadow:var(--shadow-brand-sm);
}
.kpi .label{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--neutral-500);
}
.kpi.brand .label{color:rgba(255,255,255,.85);}
.kpi .value{display:flex;align-items:baseline;gap:6px;margin-top:6px;}
.kpi .value .num{font-size:36px;font-weight:800;letter-spacing:-.025em;line-height:1;}
.kpi .value .unit{font-size:13px;color:var(--neutral-500);font-weight:500;}
.kpi.brand .value .unit{color:rgba(255,255,255,.85);}
.kpi .delta{
  font-size:12px;color:var(--neutral-600);margin-top:8px;
  display:flex;align-items:center;gap:6px;
}
.kpi.brand .delta{color:rgba(255,255,255,.85);}

/* ============================================================
   Tableau "Mes audits"
   ============================================================ */
.audits-table{
  display:flex;flex-direction:column;
}
.audits-row{
  display:grid;
  grid-template-columns:1fr 110px 130px 140px;
  align-items:center;gap:16px;
  padding:14px 4px;border-bottom:1px solid var(--neutral-100);
}
.audits-row:last-child{border-bottom:0;}
.audits-row.head{
  border-bottom:1px solid var(--neutral-200);
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--neutral-500);padding:10px 4px;
}
.audits-row.head .right{text-align:right;}
.audits-row .biz{display:flex;align-items:center;gap:14px;min-width:0;}
.biz-avatar{
  width:42px;height:42px;border-radius:var(--r-md);
  display:grid;place-items:center;
  font-weight:800;font-size:16px;color:#fff;flex-shrink:0;
  background:var(--charcoal);
}
.biz-avatar.g1{background:linear-gradient(135deg,#FE9B1A,#FD2A6A);}
.biz-avatar.g2{background:linear-gradient(135deg,#FD2A6A,#F52786);}
.biz-avatar.g3{background:linear-gradient(135deg,#F52786,#6B1EA3);}
.biz-avatar.g4{background:linear-gradient(135deg,#6B1EA3,#FE9B1A);}
.audits-row .info{min-width:0;}
.audits-row .info .name{font-weight:700;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.audits-row .info .sub{
  font-size:12px;color:var(--neutral-500);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.audits-row .score{
  display:flex;align-items:center;gap:10px;
}
.audits-row .score .donut{flex-shrink:0;}
.audits-row .score .num-text{font-weight:800;font-size:15px;letter-spacing:-.01em;}
.audits-row .score .num-text small{font-weight:500;color:var(--neutral-400);font-size:11px;margin-left:1px;}
.audits-row .actions-cell{display:flex;justify-content:flex-end;gap:6px;}

.chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;border-radius:var(--r-pill);
  font-size:11px;font-weight:700;letter-spacing:.04em;
}
.chip-brand{background:var(--gradient-brand);color:#fff;}
.chip-success{background:rgba(46,158,107,.12);color:var(--success);}
.chip-warning{background:rgba(254,155,26,.14);color:#A66106;}
.chip-danger{background:rgba(225,51,84,.12);color:var(--danger);}
.chip-neutral{background:var(--neutral-100);color:var(--neutral-700);}
.chip-running{
  background:rgba(107,30,163,.10);color:var(--purple);
}
.chip-running .dot{
  width:6px;height:6px;border-radius:50%;background:var(--purple);
  animation:pulse 1.4s ease-in-out infinite;
}
@keyframes pulse{
  0%,100%{opacity:.35;transform:scale(.85);}
  50%{opacity:1;transform:scale(1);}
}

/* Mini donut */
.donut{position:relative;display:grid;place-items:center;flex-shrink:0;}
.donut svg{position:absolute;inset:0;transform:rotate(-90deg);}
.donut .num{font-weight:800;letter-spacing:-.02em;}

/* État vide */
.empty-state{
  text-align:center;padding:40px 20px;
}
.empty-state .icon-wrap{
  width:64px;height:64px;border-radius:50%;
  background:var(--gradient-bg-soft);
  display:grid;place-items:center;margin:0 auto 16px;
  color:var(--pink-warm);
}
.empty-state h4{margin:0 0 6px;font-size:16px;font-weight:700;}
.empty-state p{margin:0 auto;max-width:380px;font-size:13px;color:var(--neutral-500);line-height:1.55;}

/* ============================================================
   Bloc "Comment ça marche" (3 piliers)
   ============================================================ */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.pillar{
  background:#fff;border:1px solid var(--neutral-200);
  border-radius:var(--r-lg);padding:22px;
  display:flex;flex-direction:column;gap:10px;
  transition:transform 200ms var(--ease-out),box-shadow 200ms var(--ease-out),border-color 200ms var(--ease-out);
}
.pillar:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:transparent;}
.pillar .num{
  width:32px;height:32px;border-radius:var(--r-md);
  display:grid;place-items:center;
  background:var(--gradient-brand);color:#fff;
  font-weight:800;font-size:14px;letter-spacing:-.01em;
  box-shadow:var(--shadow-brand-sm);
}
.pillar h4{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;}
.pillar p{margin:0;font-size:13px;color:var(--neutral-600);line-height:1.55;}

/* Mention prudence */
.disclaimer{
  display:flex;align-items:flex-start;gap:10px;
  padding:14px 18px;border-radius:var(--r-md);
  background:var(--neutral-50);border:1px solid var(--neutral-200);
  font-size:12px;color:var(--neutral-600);line-height:1.55;
}
.disclaimer svg{flex-shrink:0;margin-top:1px;color:var(--neutral-500);}

/* Responsive */
@media (max-width:1100px){
  .kpis{grid-template-columns:repeat(3,1fr);}
  .pillars{grid-template-columns:1fr;}
}
@media (max-width:820px){
  .app{grid-template-columns:1fr;}
  .sidebar{position:relative;height:auto;flex-direction:row;align-items:center;
           padding:14px 20px;gap:12px;flex-wrap:wrap;}
  .sidebar .side-section,.sidebar .help-card{display:none;}
  main{padding:20px;gap:18px;}
  .page-head h1{font-size:22px;}
  .audit-launcher{padding:24px 20px;}
  .audit-launcher h2{font-size:20px;}
  .kpis{grid-template-columns:1fr;}
  .audits-row{
    grid-template-columns:1fr auto;
    gap:10px;
  }
  .audits-row .score{grid-column:1/3;justify-content:flex-start;}
  .audits-row .status-cell{grid-column:1;}
  .audits-row .actions-cell{grid-column:2;}
  .audits-row.head{display:none;}
  .audit-launcher .form{flex-direction:column;}
  .audit-launcher .form .btn-primary{width:100%;}
}

/* ============================================================
   Intégration PHP MyLocal
   ============================================================ */
.logout-form{margin:0;}
.nav-button{width:100%;border:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer;}
.nav-button:hover{background:var(--charcoal-soft);color:#fff;}
.muted-score{color:var(--neutral-400);font-weight:600;font-size:13px;}
.alert{padding:12px 16px;border-radius:var(--r-md);border:1px solid var(--neutral-200);background:#fff;margin:0;}
.alert.success{background:rgba(46,158,107,.12);border-color:rgba(46,158,107,.20);color:var(--success);}
.alert.danger,.alert.error{background:rgba(225,51,84,.12);border-color:rgba(225,51,84,.20);color:var(--danger);}
.alert.warning{background:rgba(254,155,26,.14);border-color:rgba(254,155,26,.24);color:#A66106;}

/* Compatibilité des pages publiques et formulaires existants */
.public-shell{max-width:1180px;margin:0 auto;padding:36px 24px;}
.landing-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;min-height:78vh;}
.landing-hero h1{margin:.35em 0;font-size:clamp(38px,6vw,74px);line-height:1.02;letter-spacing:-.055em;font-weight:900;}
.landing-hero p{font-size:17px;color:var(--neutral-600);}
.actions{display:flex;gap:12px;flex-wrap:wrap;}
.auth-card{max-width:440px;margin:60px auto;background:#fff;border:1px solid var(--neutral-200);border-radius:24px;padding:28px;box-shadow:var(--shadow-md);}
.auth-card h1{margin:0 0 16px;font-size:28px;letter-spacing:-.03em;}
.form{display:grid;gap:14px;}
.form label{display:grid;gap:7px;font-weight:700;}
.form input,.form select,.form textarea{width:100%;padding:13px 14px;border:1px solid var(--neutral-300);border-radius:12px;background:#fff;color:var(--charcoal);}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--pink-warm);box-shadow:0 0 0 4px rgba(253,42,106,.13);}
.check{display:flex!important;align-items:flex-start;gap:10px!important;font-weight:500!important;}
.check input{width:auto!important;margin-top:4px;}
.full{width:100%;margin-top:12px;}
.muted{color:var(--neutral-600);}
.small{font-size:12px;}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.dark-card,.mock-report,.report-hero{background:var(--charcoal);color:#fff;border-radius:30px;padding:34px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;}
.score-xl{position:relative;z-index:1;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -90deg,#FE9B1A 0 30%,#FD2A6A 30% 60%,#6B1EA3 60% 72%,rgba(255,255,255,.16) 72%);font-size:34px;font-weight:900;}
.table-list{display:grid;}
.row{display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr 1fr;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--neutral-100);}
.row:last-child{border-bottom:0;}
.row strong small{display:block;color:var(--neutral-600);font-weight:500;}
.simple{grid-template-columns:2fr 1fr 1fr auto;}
.data-list{display:grid;grid-template-columns:150px 1fr;gap:10px;}
.data-list dt{font-weight:800;}
.data-list dd{margin:0;color:var(--neutral-600);}
.workspace{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start;}
.mini-business,.action-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--neutral-200);border-radius:14px;margin-bottom:10px;background:#fff;}
.action-item p{margin:4px 0;color:var(--neutral-600);}
.legal{max-width:860px;margin:40px auto;}

@media(max-width:920px){
  .landing-hero,.grid-2,.grid-3,.workspace{grid-template-columns:1fr;}
  .row{grid-template-columns:1fr;}
  .public-shell{padding:24px;}
}

/* ============================================================
   Page Mes audits — design scoped pour ne pas casser le dashboard
   ============================================================ */
.audits-page .lead{margin:8px 0 0;color:var(--neutral-600);font-size:14px;max-width:580px;}
.audits-page .mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.audits-page .mini-stat{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--r-lg);padding:16px 18px;display:flex;align-items:center;gap:14px;}
.audits-page .mini-stat .ico{width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;flex-shrink:0;}
.audits-page .mini-stat .ico.brand{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand-sm);}
.audits-page .mini-stat .ico.success{background:rgba(46,158,107,.12);color:var(--success);}
.audits-page .mini-stat .ico.warn{background:rgba(107,30,163,.10);color:var(--purple);}
.audits-page .mini-stat .ico.danger{background:rgba(225,51,84,.12);color:var(--danger);}
.audits-page .mini-stat .meta{min-width:0;}
.audits-page .mini-stat .meta .label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--neutral-500);}
.audits-page .mini-stat .meta .value{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-top:2px;}
.audits-page .toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.audits-page .toolbar .search-input{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--r-pill);padding:9px 16px;transition:border-color 200ms var(--ease-out),background 200ms var(--ease-out);}
.audits-page .toolbar .search-input:focus-within{border-color:var(--charcoal);background:#fff;}
.audits-page .toolbar .search-input svg{color:var(--neutral-500);flex-shrink:0;}
.audits-page .toolbar .search-input input{flex:1;border:0;outline:0;background:transparent;font-family:inherit;font-size:13px;color:var(--charcoal);min-width:0;}
.audits-page .filter-group{display:flex;gap:6px;flex-wrap:wrap;}
.audits-page .filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);font-size:12px;font-weight:600;color:var(--neutral-600);background:var(--neutral-50);border:1px solid var(--neutral-200);transition:all 200ms var(--ease-out);}
.audits-page .filter-chip:hover{border-color:var(--charcoal);color:var(--charcoal);}
.audits-page .filter-chip.active{background:var(--charcoal);border-color:var(--charcoal);color:#fff;}
.audits-page .filter-chip .count{background:rgba(255,255,255,.16);font-size:10px;font-weight:700;padding:1px 7px;border-radius:var(--r-pill);}
.audits-page .filter-chip:not(.active) .count{background:var(--neutral-200);color:var(--neutral-700);}
.audits-page .select-wrap{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-pill);background:var(--neutral-50);border:1px solid var(--neutral-200);font-size:12px;font-weight:600;color:var(--neutral-700);cursor:pointer;}
.audits-page .select-wrap select{border:0;background:transparent;outline:0;font-family:inherit;font-size:12px;font-weight:600;color:var(--charcoal);cursor:pointer;}
.audits-page .audits-table{display:flex;flex-direction:column;}
.audits-page .audits-row{display:grid;grid-template-columns:minmax(0,2.4fr) 130px 130px 140px 170px;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid var(--neutral-100);transition:background 200ms var(--ease-out);}
.audits-page .audits-row:hover:not(.head){background:var(--neutral-50);}
.audits-page .audits-row:last-child{border-bottom:0;}
.audits-page .audits-row.head{border-bottom:1px solid var(--neutral-200);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--neutral-500);padding:10px 4px;}
.audits-page .audits-row.head .right{text-align:right;}
.audits-page .audits-row .biz{display:flex;align-items:center;gap:14px;min-width:0;}
.audits-page .biz-avatar{width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;flex-shrink:0;background:var(--charcoal);}
.audits-page .biz-avatar.g1{background:linear-gradient(135deg,#FE9B1A,#FD2A6A);}
.audits-page .biz-avatar.g2{background:linear-gradient(135deg,#FD2A6A,#F52786);}
.audits-page .biz-avatar.g3{background:linear-gradient(135deg,#F52786,#6B1EA3);}
.audits-page .biz-avatar.g4{background:linear-gradient(135deg,#6B1EA3,#FE9B1A);}
.audits-page .audits-row .info{min-width:0;}
.audits-page .audits-row .info .name{font-weight:700;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.audits-page .audits-row .info .url-line{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--neutral-500);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.audits-page .audits-row .info .url-line svg{flex-shrink:0;color:var(--neutral-400);}
.audits-page .audits-row .info .url-line .url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.audits-page .audits-row .date{font-size:13px;color:var(--neutral-600);}
.audits-page .audits-row .date .ago{font-size:11px;color:var(--neutral-400);display:block;margin-top:2px;}
.audits-page .audits-row .score-cell{display:flex;align-items:center;gap:10px;}
.audits-page .audits-row .score-cell .num-text{font-weight:800;font-size:15px;letter-spacing:-.01em;}
.audits-page .audits-row .score-cell .num-text small{font-weight:500;color:var(--neutral-400);font-size:11px;margin-left:1px;}
.audits-page .audits-row .score-cell .none{color:var(--neutral-400);font-weight:600;font-size:13px;font-style:italic;}
.audits-page .audits-row .actions-cell{display:flex;justify-content:flex-end;gap:4px;align-items:center;}
.audits-page .donut{position:relative;display:grid;place-items:center;flex-shrink:0;}
.audits-page .donut svg{position:absolute;inset:0;transform:rotate(-90deg);}
.audits-page .donut .num{font-weight:800;letter-spacing:-.02em;}
.audits-page .icon-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--neutral-500);transition:background 200ms var(--ease-out),color 200ms var(--ease-out);}
.audits-page .icon-btn:hover{background:var(--neutral-100);color:var(--charcoal);}
.audits-page .icon-btn.danger:hover{background:rgba(225,51,84,.10);color:var(--danger);}
.audits-page .inline-form{margin:0;display:inline-flex;}
.audits-page .pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--neutral-100);}
.audits-page .pagination .info{font-size:12px;color:var(--neutral-500);}
.audits-page .pagination .nav{display:flex;align-items:center;gap:4px;}
.audits-page .pagination .nav button{min-width:34px;height:34px;padding:0 10px;border-radius:var(--r-md);font-size:13px;font-weight:600;color:var(--neutral-600);transition:all 200ms var(--ease-out);}
.audits-page .pagination .nav button:hover:not([disabled]):not(.active){background:var(--neutral-100);color:var(--charcoal);}
.audits-page .pagination .nav button.active{background:var(--charcoal);color:#fff;}
.audits-page .pagination .nav button[disabled]{opacity:.35;cursor:not-allowed;}
.audits-page .empty-state{text-align:center;padding:48px 20px;}
.audits-page .empty-state .icon-wrap{width:72px;height:72px;border-radius:50%;background:var(--gradient-bg-soft);display:grid;place-items:center;margin:0 auto 18px;color:var(--pink-warm);}
.audits-page .empty-state h4{margin:0 0 6px;font-size:17px;font-weight:700;}
.audits-page .empty-state p{margin:0 auto 18px;max-width:420px;font-size:13px;color:var(--neutral-500);line-height:1.55;}
.modal-backdrop{position:fixed;inset:0;background:rgba(14,12,13,.55);display:none;align-items:center;justify-content:center;z-index:50;padding:20px;}
.modal-backdrop.show{display:flex;}
.modal{background:#fff;border-radius:var(--r-xl);padding:28px;max-width:440px;width:100%;box-shadow:var(--shadow-lg);}
.modal h3{margin:0 0 6px;font-size:18px;font-weight:800;letter-spacing:-.01em;}
.modal p{margin:0 0 20px;font-size:14px;color:var(--neutral-600);line-height:1.55;}
.modal p strong{color:var(--charcoal);}
.modal .modal-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}
.btn-danger{background:var(--danger);color:#fff;}
.btn-danger:hover{background:#c42747;}

@media (max-width:1100px){
  .audits-page .mini-stats{grid-template-columns:repeat(2,1fr);}
  .audits-page .audits-row{grid-template-columns:minmax(0,2fr) 110px 110px 130px 140px;}
}
@media (max-width:820px){
  .audits-page .mini-stats{grid-template-columns:1fr 1fr;}
  .audits-page .audits-row{grid-template-columns:1fr auto;gap:10px;padding:14px 0;}
  .audits-page .audits-row.head{display:none;}
  .audits-page .audits-row .date,.audits-page .audits-row .score-cell,.audits-page .audits-row .status-cell{grid-column:1;}
  .audits-page .audits-row .actions-cell{grid-column:2;align-self:flex-start;}
}

/* ============================================================
   Page Nouvel audit — design scoped
   ============================================================ */
.new-audit-page .lead{margin:8px 0 0;color:var(--neutral-600);font-size:14px;max-width:660px;}
.new-audit-page .audit-launcher .lead{margin:0 0 20px;color:rgba(255,255,255,.75);font-size:14px;max-width:580px;}
.new-audit-page .audit-launcher .form-success{display:none;margin-top:10px;padding:10px 14px;background:rgba(46,158,107,.14);border:1px solid rgba(46,158,107,.36);border-radius:var(--r-md);font-size:13px;color:#DDF6EA;}
.new-audit-page .audit-launcher .form-success.show{display:block;}
.new-audit-page .two-cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:start;}
.new-audit-page .prep-list{display:grid;gap:10px;}
.new-audit-page .prep-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--r-md);background:var(--neutral-50);border:1px solid var(--neutral-200);}
.new-audit-page .prep-item .ico{width:32px;height:32px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--gradient-bg-soft);color:var(--pink-warm);flex-shrink:0;}
.new-audit-page .prep-item b{display:block;font-size:13px;margin-bottom:2px;}
.new-audit-page .prep-item span{display:block;font-size:12px;color:var(--neutral-600);line-height:1.5;}
.new-audit-page .example-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--r-lg);padding:18px;}
.new-audit-page .example-card code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--neutral-700);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--r-md);padding:11px 12px;margin-top:10px;}
.new-audit-page .detected-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.new-audit-page .detected{padding:14px;border:1px solid var(--neutral-200);background:var(--neutral-50);border-radius:var(--r-md);}
.new-audit-page .detected span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--neutral-500);margin-bottom:5px;}
.new-audit-page .detected b{display:block;font-size:13px;line-height:1.35;}
@media (max-width:1100px){
  .new-audit-page .two-cols{grid-template-columns:1fr;}
  .new-audit-page .detected-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:820px){
  .new-audit-page .detected-grid{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .topbar{border-radius:var(--r-lg);align-items:flex-start;}
  .new-audit-page .audit-launcher .input-wrap{min-width:0;border-radius:var(--r-lg);}
}

/* ============================================================
   Page Rapport / Résultat d'analyse
   ============================================================ */
.report-page strong{font-weight:800;}
.report-page .breadcrumb{font-size:12px;color:var(--neutral-500);display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.report-page .breadcrumb span:last-child{color:var(--neutral-700);font-weight:600;}
.report-page .report-actions{align-items:center;}
.report-page .report-rerun-form{margin:0;}
.report-page .report-hero{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:16px;}
.report-page .report-summary{position:relative;overflow:hidden;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--r-xl);padding:28px;box-shadow:var(--shadow-sm);}
.report-page .report-summary::before{content:"";position:absolute;right:-140px;bottom:-180px;width:360px;height:360px;border-radius:50%;background:var(--gradient-brand);opacity:.12;filter:blur(44px);}
.report-page .report-summary .content{position:relative;z-index:1;}
.report-page .report-summary h2{font-size:30px;line-height:1.12;letter-spacing:-.025em;margin:18px 0 8px;font-weight:900;}
.report-page .report-summary p{margin:0;color:var(--neutral-600);font-size:15px;max-width:640px;line-height:1.45;}
.report-page .meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.report-page .summary-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.report-page .score-panel{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--r-xl);padding:28px;display:grid;align-content:center;gap:20px;box-shadow:var(--shadow-sm);}
.report-page .score-top{display:flex;align-items:center;justify-content:center;}
.report-page .score-ring{width:152px;height:152px;position:relative;display:grid;place-items:center;}
.report-page .score-ring svg{position:absolute;inset:0;transform:rotate(-90deg);}
.report-page .score-ring .ring-bg{stroke:var(--neutral-100);}
.report-page .score-ring .ring-fg{stroke:url(#scoreGradient);stroke-linecap:round;}
.report-page .score-ring .score-text{position:relative;display:flex;align-items:baseline;justify-content:center;gap:2px;}
.report-page .score-ring .score-text strong{font-size:44px;line-height:1;font-weight:900;letter-spacing:-.05em;}
.report-page .score-ring .score-text small{font-size:15px;color:var(--neutral-500);font-weight:700;}
.report-page .score-bars{display:grid;gap:12px;}
.report-page .score-bar .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;}
.report-page .score-bar .label{font-weight:600;color:var(--neutral-700);}
.report-page .score-bar .v{font-weight:800;color:var(--charcoal);}
.report-page .score-bar .v small{font-weight:500;color:var(--neutral-500);}
.report-page .track{height:7px;background:var(--neutral-100);border-radius:var(--r-pill);overflow:hidden;}
.report-page .fill{display:block;height:100%;width:0;background:var(--gradient-brand);border-radius:inherit;}
.report-page .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.report-page .kpi{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--r-lg);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:var(--shadow-xs);}
.report-page .kpi .label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--neutral-500);}
.report-page .kpi .value{font-size:30px;font-weight:900;letter-spacing:-.035em;line-height:1;margin-top:6px;}
.report-page .kpi .sub{font-size:12px;color:var(--neutral-500);margin-top:7px;}
.report-page .kpi .ico{width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center;flex-shrink:0;}
.report-page .kpi .ico.brand{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand-sm);}
.report-page .kpi .ico.success{background:rgba(46,158,107,.12);color:var(--success);}
.report-page .kpi .ico.warn{background:rgba(254,155,26,.14);color:#A66106;}
.report-page .kpi .ico.purple{background:rgba(107,30,163,.10);color:var(--purple);}
.report-page .offer-card{position:relative;overflow:hidden;background:var(--charcoal);color:#fff;border-radius:var(--r-xl);padding:26px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;box-shadow:var(--shadow-lg);}
.report-page .offer-card::before{content:"";position:absolute;right:-130px;bottom:-160px;width:360px;height:360px;background:var(--gradient-brand);opacity:.28;border-radius:50%;filter:blur(54px);}
.report-page .offer-card>*{position:relative;z-index:1;}
.report-page .offer-score{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -90deg,var(--orange),var(--pink),var(--purple) 78%,rgba(255,255,255,.12) 0);position:relative;flex-shrink:0;}
.report-page .offer-score::after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--charcoal);}
.report-page .offer-score strong{position:relative;z-index:1;font-size:27px;letter-spacing:-.04em;}
.report-page .offer-score small{font-size:12px;color:rgba(255,255,255,.7);}
.report-page .offer-copy .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.58);font-weight:800;margin-bottom:7px;}
.report-page .offer-copy h3{margin:0 0 8px;font-size:20px;font-weight:800;letter-spacing:-.01em;}
.report-page .offer-copy p{margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.55;max-width:760px;}
.report-page .two-col{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;align-items:start;}
.report-page .content-stack{display:flex;flex-direction:column;gap:18px;min-width:0;}
.report-page .side-stack{display:flex;flex-direction:column;gap:18px;min-width:0;position:sticky;top:24px;}
.report-page .report-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px;}
.report-page .filter-group{display:flex;gap:6px;flex-wrap:wrap;}
.report-page .filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:var(--r-pill);background:var(--neutral-50);border:1px solid var(--neutral-200);font-size:12px;font-weight:700;color:var(--neutral-600);transition:all 200ms var(--ease-out);}
.report-page .filter-chip:hover{border-color:var(--charcoal);color:var(--charcoal);}
.report-page .filter-chip.active{background:var(--charcoal);border-color:var(--charcoal);color:#fff;}
.report-page .search-box{display:flex;align-items:center;gap:8px;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--r-pill);padding:9px 14px;color:var(--neutral-500);min-width:240px;}
.report-page .search-box:focus-within{background:#fff;border-color:var(--charcoal);}
.report-page .search-box input{border:0;outline:0;background:transparent;font-size:13px;font-family:inherit;min-width:0;flex:1;color:var(--charcoal);}
.report-page .checklist{display:grid;gap:10px;}
.report-page .action-card{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:0;border-radius:var(--r-md);background:var(--neutral-50);border:1px solid var(--neutral-200);overflow:hidden;transition:transform 180ms var(--ease-out),box-shadow 180ms var(--ease-out),border-color 180ms var(--ease-out),opacity 180ms var(--ease-out);}
.report-page .action-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--neutral-300);}
.report-page .action-card.done{opacity:.62;}
.report-page .action-card.done .action-title{text-decoration:line-through;}
.report-page .action-priority{width:5px;background:var(--pink);}
.report-page .action-card.medium .action-priority{background:var(--orange);}
.report-page .action-card.low .action-priority{background:var(--purple);}
.report-page .action-body{padding:16px 16px 15px;}
.report-page .action-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px;}
.report-page .priority-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:var(--r-pill);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.report-page .priority-high{background:rgba(245,39,134,.12);color:var(--pink);}
.report-page .priority-medium{background:rgba(254,155,26,.16);color:#A66106;}
.report-page .priority-low{background:rgba(107,30,163,.10);color:var(--purple);}
.report-page .pillar-badge{font-size:11px;font-weight:700;color:var(--neutral-500);}
.report-page .action-title{margin:0 0 4px;font-size:15px;font-weight:800;letter-spacing:-.01em;}
.report-page .action-desc{margin:0;color:var(--neutral-600);font-size:13px;line-height:1.45;}
.report-page .action-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:var(--neutral-500);}
.report-page .action-check{padding:16px;display:grid;place-items:start end;}
.report-page .check-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--neutral-300);display:grid;place-items:center;color:transparent;background:#fff;transition:all 180ms var(--ease-out);}
.report-page .check-btn:hover{border-color:var(--charcoal);}
.report-page .action-card.done .check-btn{background:var(--success);border-color:var(--success);color:#fff;}
.report-page .empty-message{display:none;text-align:center;color:var(--neutral-500);font-size:13px;padding:28px;background:var(--neutral-50);border:1px dashed var(--neutral-300);border-radius:var(--r-md);}
.report-page .empty-message.show{display:block;}
.report-page .data-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;}
.report-page .data-row{display:grid;grid-template-columns:155px 1fr;gap:14px;padding:8px 0;border-bottom:1px solid var(--neutral-100);font-size:13px;}
.report-page .data-row dt{font-weight:800;color:var(--charcoal);}
.report-page .data-row dd{margin:0;color:var(--neutral-600);word-break:break-word;}
.report-page .value-missing{color:var(--neutral-400);font-style:italic;}
.report-page .pillar-list{display:grid;gap:10px;}
.report-page .pillar-card{border:1px solid var(--neutral-200);border-radius:var(--r-md);padding:16px;background:#fff;}
.report-page .pillar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.report-page .pillar-head h4{margin:0;font-size:14px;font-weight:800;}
.report-page .pillar-score{font-weight:900;font-size:15px;}
.report-page .pillar-score small{font-size:11px;color:var(--neutral-500);font-weight:500;}
.report-page .criteria-list{display:grid;gap:7px;margin-top:12px;}
.report-page .criteria{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--neutral-600);}
.report-page .criteria .state{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:900;}
.report-page .criteria.ok .state{background:rgba(46,158,107,.12);color:var(--success);}
.report-page .criteria.ko .state{background:rgba(225,51,84,.10);color:var(--danger);}
.report-page .hours-grid{display:grid;gap:8px;}
.report-page .hour-row{display:grid;grid-template-columns:120px 1fr;gap:12px;border-bottom:1px solid var(--neutral-100);padding:8px 0;font-size:13px;}
.report-page .hour-row strong{text-transform:capitalize;}
.report-page .reviews-list{display:grid;gap:12px;}
.report-page .review{border:1px solid var(--neutral-200);background:var(--neutral-50);border-radius:var(--r-md);padding:14px;}
.report-page .review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;}
.report-page .review strong{display:block;font-size:13px;}
.report-page .review .rating{font-size:12px;color:var(--neutral-500);margin-top:2px;}
.report-page .review p{margin:0;color:var(--neutral-600);font-size:13px;line-height:1.5;}
.report-page .review .reply{margin-top:10px;padding:9px 10px;background:#fff;border-radius:var(--r-sm);border:1px solid var(--neutral-200);font-size:12px;color:var(--neutral-600);}
.report-page .lead-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--r-lg);padding:22px;}
.report-page .lead-card h3{margin:0 0 5px;font-size:17px;font-weight:800;letter-spacing:-.01em;}
.report-page .lead-card p{margin:0 0 16px;color:var(--neutral-600);font-size:13px;line-height:1.45;}
.report-page .field{display:grid;gap:6px;margin-bottom:12px;}
.report-page .field label{font-size:12px;font-weight:800;color:var(--neutral-700);}
.report-page .field input{width:100%;border:1.5px solid var(--neutral-200);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:13px;outline:0;transition:border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out);}
.report-page .field input:focus{border-color:var(--pink-warm);box-shadow:0 0 0 4px rgba(253,42,106,.10);}
.report-page .check-field{display:flex;align-items:flex-start;gap:9px;margin:9px 0;font-size:12px;color:var(--neutral-600);line-height:1.45;}
.report-page .check-field input{margin-top:3px;accent-color:var(--pink-warm);}
.report-page .form-message{display:none;margin-top:12px;padding:10px 12px;border-radius:var(--r-sm);font-size:12px;font-weight:600;}
.report-page .form-message.show{display:block;}
.report-page .form-message.error{background:rgba(225,51,84,.10);color:var(--danger);}
.report-page .timeline{display:grid;gap:0;}
.report-page .timeline-row{display:grid;grid-template-columns:28px 1fr;gap:10px;position:relative;padding-bottom:16px;}
.report-page .timeline-row:not(:last-child)::before{content:"";position:absolute;left:13px;top:26px;bottom:0;width:2px;background:var(--neutral-200);}
.report-page .timeline-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--neutral-100);color:var(--neutral-500);font-size:12px;font-weight:900;position:relative;z-index:1;}
.report-page .timeline-row.done .timeline-dot{background:rgba(46,158,107,.12);color:var(--success);}
.report-page .timeline-row.current .timeline-dot{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-brand-sm);}
.report-page .timeline-content strong{font-size:13px;display:block;}
.report-page .timeline-content span{font-size:12px;color:var(--neutral-500);display:block;margin-top:2px;}
.report-page .alert{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-radius:var(--r-md);background:var(--neutral-50);border:1px solid var(--neutral-200);font-size:12px;color:var(--neutral-600);line-height:1.55;}
.report-page .alert svg{flex-shrink:0;margin-top:1px;color:var(--neutral-500);}
.report-page .alert.success{background:rgba(46,158,107,.10);border-color:rgba(46,158,107,.24);color:#236f4f;}
.report-page .alert.warning{background:rgba(254,155,26,.12);border-color:rgba(254,155,26,.28);color:#8a5208;}
.report-page .alert.danger{background:rgba(225,51,84,.10);border-color:rgba(225,51,84,.28);color:var(--danger);}
@media print{
  body{background:#fff;}
  .sidebar,.topbar,.page-head .actions,.report-page .summary-actions,.report-page .offer-card .btn,.report-page .toolbar,.report-page .lead-card,.help-card{display:none!important;}
  .app{display:block;}
  main{padding:0;gap:14px;}
  .report-page .report-hero,.report-page .two-col,.report-page .kpis{grid-template-columns:1fr;}
  .report-page .card,.report-page .report-summary,.report-page .score-panel,.report-page .offer-card,.report-page .lead-card{box-shadow:none;border-color:#ddd;break-inside:avoid;}
  .report-page .side-stack{position:static;}
}
@media (max-width:1180px){
  .report-page .report-hero{grid-template-columns:1fr;}
  .report-page .score-panel{grid-template-columns:auto minmax(0,1fr);align-items:center;}
  .report-page .kpis{grid-template-columns:repeat(2,1fr);}
  .report-page .two-col{grid-template-columns:1fr;}
  .report-page .side-stack{position:static;}
  .report-page .data-grid{grid-template-columns:1fr;}
}
@media (max-width:820px){
  .report-page .page-head h1{font-size:24px;}
  .report-page .report-summary h2{font-size:24px;}
  .report-page .score-panel{grid-template-columns:1fr;}
  .report-page .offer-card{grid-template-columns:1fr;}
  .report-page .kpis{grid-template-columns:1fr;}
  .report-page .data-row{grid-template-columns:1fr;gap:3px;}
  .report-page .search-box{width:100%;}
  .report-page .report-summary,.report-page .score-panel,.report-page .card.pad-lg{padding:20px;}
}

/* ============================================================
   Correctif strict page Rapport — neutralise l'ancien bloc .report-hero
   utilisé sur les pages legacy pour retrouver exactement la grille du HTML.
   ============================================================ */
.report-page .report-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 440px;
  gap:16px;
  align-items:stretch;
  background:transparent!important;
  color:var(--charcoal)!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  position:static!important;
  overflow:visible!important;
}
.report-page .report-summary,
.report-page .score-panel{
  min-width:0;
  margin:0;
}
.report-page .score-panel{
  justify-self:stretch;
  align-self:stretch;
}
.report-page .report-summary{
  align-self:stretch;
}
.report-page .report-summary .chip,
.report-page .offer-card .chip{
  color:inherit;
}
@media (max-width:1180px){
  .report-page .report-hero{
    grid-template-columns:1fr;
  }
  .report-page .score-panel{
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
  }
}
@media (max-width:820px){
  .report-page .score-panel{
    grid-template-columns:1fr;
  }
}

/* ============================================================
   Correctif marges page Rapport — le contenu est dans un wrapper
   .report-page, donc le gap du <main> ne s'applique pas directement.
   ============================================================ */
.report-page{
  display:flex;
  flex-direction:column;
  gap:24px;
  min-width:0;
}
.report-page > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
.report-page .report-hero{
  margin:0!important;
}
.report-page .kpis,
.report-page .offer-card,
.report-page .two-col,
.report-page .alert,
.report-page #statusAlert{
  margin:0!important;
}
.report-page .content-stack,
.report-page .side-stack{
  gap:18px;
}
.report-page .card-head{
  margin-bottom:18px!important;
}
.report-page .toolbar{
  margin-bottom:16px!important;
}
.report-page .lead-card h3,
.report-page .lead-card p{
  margin-top:0;
}
@media (max-width:820px){
  .report-page{
    gap:18px;
  }
  .report-page .content-stack,
  .report-page .side-stack{
    gap:16px;
  }
}

/* ============================================================
   Correctif global marges pages internes
   ------------------------------------------------------------
   Certaines vues PHP encapsulent leur contenu dans un wrapper
   (.audits-page, .new-audit-page, .report-page, etc.). Dans ce cas,
   le gap du <main> ne s'applique plus entre les blocs internes.
   On remet ici un espacement vertical homogène sans modifier les
   composants eux-mêmes.
   ============================================================ */
.dashboard-page,
.audits-page,
.new-audit-page,
.report-page,
.plan-action-page,
.competitors-page,
.schedule-page,
.planning-page{
  display:flex;
  flex-direction:column;
  gap:24px;
  min-width:0;
}

.dashboard-page > *,
.audits-page > *,
.new-audit-page > *,
.report-page > *,
.plan-action-page > *,
.competitors-page > *,
.schedule-page > *,
.planning-page > *{
  margin-top:0!important;
  margin-bottom:0!important;
}

.dashboard-page .card-head,
.audits-page .card-head,
.new-audit-page .card-head,
.report-page .card-head,
.plan-action-page .card-head,
.competitors-page .card-head,
.schedule-page .card-head,
.planning-page .card-head{
  margin-bottom:18px!important;
}

.dashboard-page .toolbar,
.audits-page .toolbar,
.new-audit-page .toolbar,
.report-page .toolbar,
.plan-action-page .toolbar,
.competitors-page .toolbar,
.schedule-page .toolbar,
.planning-page .toolbar{
  margin-bottom:18px!important;
}

.dashboard-page .content-stack,
.audits-page .content-stack,
.new-audit-page .content-stack,
.report-page .content-stack,
.plan-action-page .content-stack,
.competitors-page .content-stack,
.schedule-page .content-stack,
.planning-page .content-stack,
.dashboard-page .side-stack,
.audits-page .side-stack,
.new-audit-page .side-stack,
.report-page .side-stack,
.plan-action-page .side-stack,
.competitors-page .side-stack,
.schedule-page .side-stack,
.planning-page .side-stack{
  gap:18px;
}

/* Cas où une page n'a pas encore de wrapper : les enfants directs du main
   gardent un espacement clair, même si une règle précédente a écrasé le gap. */
main > .page-head,
main > .audit-launcher,
main > .kpis,
main > .mini-stats,
main > .card,
main > .two-cols,
main > .two-col,
main > .pillars,
main > .offer-card,
main > .alert,
main > .disclaimer{
  margin-top:0;
  margin-bottom:0;
}

@media (max-width:820px){
  .dashboard-page,
  .audits-page,
  .new-audit-page,
  .report-page,
  .plan-action-page,
  .competitors-page,
  .schedule-page,
  .planning-page{
    gap:18px;
  }

  .dashboard-page .content-stack,
  .audits-page .content-stack,
  .new-audit-page .content-stack,
  .report-page .content-stack,
  .plan-action-page .content-stack,
  .competitors-page .content-stack,
  .schedule-page .content-stack,
  .planning-page .content-stack,
  .dashboard-page .side-stack,
  .audits-page .side-stack,
  .new-audit-page .side-stack,
  .report-page .side-stack,
  .plan-action-page .side-stack,
  .competitors-page .side-stack,
  .schedule-page .side-stack,
  .planning-page .side-stack{
    gap:16px;
  }
}

/* ============================================================
   Page Plan d'action — design HTML intégré
   ============================================================ */
.plan-action-page .plan-hero{
  position:relative;overflow:hidden;background:var(--charcoal);color:#fff;border-radius:var(--r-xl);padding:32px;
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;
}
.plan-action-page .plan-hero::before{content:"";position:absolute;inset:auto -120px -160px auto;width:420px;height:420px;border-radius:50%;background:var(--gradient-brand);opacity:.30;filter:blur(60px);pointer-events:none;}
.plan-action-page .plan-hero::after{content:"";position:absolute;inset:-160px auto auto -120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--orange) 0%,transparent 70%);opacity:.18;filter:blur(40px);pointer-events:none;}
.plan-action-page .plan-hero .inner,.plan-action-page .plan-summary{position:relative;z-index:1;}
.plan-action-page .plan-hero .kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-pill);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:14px;}
.plan-action-page .plan-hero .kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gradient-brand);}
.plan-action-page .plan-hero h2{margin:0 0 8px;font-size:24px;font-weight:800;letter-spacing:-.015em;line-height:1.2;}
.plan-action-page .plan-hero .lead{margin:0 0 20px;color:rgba(255,255,255,.75);font-size:14px;max-width:640px;}
.plan-action-page .plan-hero .meta-row{display:flex;gap:8px;flex-wrap:wrap;}
.plan-action-page .plan-summary{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);padding:20px;backdrop-filter:blur(12px);}
.plan-action-page .plan-summary .score-wrap{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.plan-action-page .big-donut{width:82px;height:82px;border-radius:50%;position:relative;display:grid;place-items:center;flex-shrink:0;}
.plan-action-page .big-donut svg{position:absolute;inset:0;transform:rotate(-90deg);}
.plan-action-page .big-donut .score{font-size:24px;font-weight:800;letter-spacing:-.03em;}
.plan-action-page .plan-summary .score-text strong{display:block;font-size:16px;line-height:1.2;}
.plan-action-page .plan-summary .score-text span{display:block;font-size:12px;color:rgba(255,255,255,.68);margin-top:4px;}
.plan-action-page .plan-summary .progress-line{height:7px;background:rgba(255,255,255,.16);border-radius:var(--r-pill);overflow:hidden;}
.plan-action-page .plan-summary .progress-line span{display:block;height:100%;background:var(--gradient-brand);border-radius:inherit;}
.plan-action-page .plan-summary .progress-caption{margin:9px 0 0;color:rgba(255,255,255,.68);font-size:12px;}
.plan-action-page .plan-hero .chip-neutral{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.14);}
.plan-action-page .plan-hero .chip-warning{background:rgba(254,155,26,.16);color:#FFD8A3;border:1px solid rgba(254,155,26,.22);}
.plan-action-page .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.plan-action-page .kpi{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;}
.plan-action-page .kpi.brand{background:var(--gradient-brand);border-color:transparent;color:#fff;box-shadow:var(--shadow-brand-sm);}
.plan-action-page .kpi .label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--neutral-500);}
.plan-action-page .kpi.brand .label{color:rgba(255,255,255,.85);}
.plan-action-page .kpi .value{display:flex;align-items:baseline;gap:6px;margin-top:6px;}
.plan-action-page .kpi .value .num{font-size:34px;font-weight:800;letter-spacing:-.025em;line-height:1;}
.plan-action-page .kpi .value .unit{font-size:13px;color:var(--neutral-500);font-weight:500;}
.plan-action-page .kpi.brand .value .unit{color:rgba(255,255,255,.85);}
.plan-action-page .kpi .delta{font-size:12px;color:var(--neutral-600);margin-top:8px;display:flex;align-items:center;gap:6px;}
.plan-action-page .kpi.brand .delta{color:rgba(255,255,255,.85);}
.plan-action-page .toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.plan-action-page .toolbar .search-input{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--r-pill);padding:9px 16px;transition:border-color 200ms var(--ease-out),background 200ms var(--ease-out);}
.plan-action-page .toolbar .search-input:focus-within{border-color:var(--charcoal);background:#fff;}
.plan-action-page .toolbar .search-input svg{color:var(--neutral-500);flex-shrink:0;}
.plan-action-page .toolbar .search-input input{flex:1;border:0;outline:0;background:transparent;font-family:inherit;font-size:13px;color:var(--charcoal);min-width:0;}
.plan-action-page .filter-group{display:flex;gap:6px;flex-wrap:wrap;}
.plan-action-page .filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-pill);font-size:12px;font-weight:600;color:var(--neutral-600);background:var(--neutral-50);border:1px solid var(--neutral-200);transition:all 200ms var(--ease-out);}
.plan-action-page .filter-chip:hover{border-color:var(--charcoal);color:var(--charcoal);}
.plan-action-page .filter-chip.active{background:var(--charcoal);border-color:var(--charcoal);color:#fff;}
.plan-action-page .filter-chip .count{background:var(--neutral-200);font-size:10px;font-weight:700;padding:1px 7px;border-radius:var(--r-pill);color:var(--neutral-700);}
.plan-action-page .filter-chip.active .count{background:rgba(255,255,255,.16);color:#fff;}
.plan-action-page .select-wrap{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-pill);background:var(--neutral-50);border:1px solid var(--neutral-200);font-size:12px;font-weight:600;color:var(--neutral-700);cursor:pointer;}
.plan-action-page .select-wrap select{border:0;background:transparent;outline:0;font-family:inherit;font-size:12px;font-weight:600;color:var(--charcoal);cursor:pointer;}
.plan-action-page .action-list{display:flex;flex-direction:column;gap:12px;}
.plan-action-page .action-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:flex-start;padding:18px;border:1px solid var(--neutral-200);border-radius:var(--r-lg);background:#fff;transition:transform 200ms var(--ease-out),box-shadow 200ms var(--ease-out),border-color 200ms var(--ease-out),opacity 200ms var(--ease-out);}
.plan-action-page .action-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:rgba(253,42,106,.22);}
.plan-action-page .action-card.is-done{opacity:.70;background:var(--neutral-50);}
.plan-action-page .action-check{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--neutral-400);background:var(--neutral-50);border:1.5px solid var(--neutral-200);transition:all 200ms var(--ease-out);cursor:pointer;}
.plan-action-page .action-card.is-done .action-check{background:rgba(46,158,107,.12);border-color:rgba(46,158,107,.22);color:var(--success);}
.plan-action-page .action-check input{position:absolute;opacity:0;pointer-events:none;}
.plan-action-page .plan-action-status-form{margin:0;display:block;}
.plan-action-page .action-main{min-width:0;}
.plan-action-page .action-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px;}
.plan-action-page .action-top h4{margin:0;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--charcoal);}
.plan-action-page .action-card.is-done h4{text-decoration:line-through;color:var(--neutral-600);}
.plan-action-page .action-card p{margin:0;color:var(--neutral-600);font-size:13px;line-height:1.55;max-width:760px;}
.plan-action-page .action-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;}
.plan-action-page .meta-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:var(--r-pill);background:var(--neutral-50);border:1px solid var(--neutral-200);color:var(--neutral-600);font-size:11px;font-weight:700;}
.plan-action-page .priority-bar{width:6px;height:100%;min-height:80px;border-radius:var(--r-pill);background:var(--neutral-300);}
.plan-action-page .priority-high{background:linear-gradient(180deg,var(--danger),var(--pink-warm));}
.plan-action-page .priority-medium{background:linear-gradient(180deg,var(--orange),var(--pink-warm));}
.plan-action-page .priority-low{background:linear-gradient(180deg,var(--purple),var(--pink));}
.plan-action-page .action-side{display:flex;flex-direction:column;gap:8px;align-items:flex-end;min-width:150px;}
.plan-action-page .action-side .btn{width:100%;justify-content:center;}
.plan-action-page .impact-box{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--r-md);padding:10px 12px;text-align:right;width:100%;}
.plan-action-page .impact-box strong{display:block;font-size:13px;}
.plan-action-page .impact-box span{display:block;color:var(--neutral-500);font-size:11px;margin-top:2px;}
.plan-action-page .plan-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start;}
.plan-action-page .side-panel{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px;}
.plan-action-page .offer-card{background:var(--gradient-bg-soft);border:1px solid rgba(253,42,106,.14);border-radius:var(--r-lg);padding:22px;}
.plan-action-page .offer-card .mini-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--purple);margin-bottom:8px;}
.plan-action-page .offer-card h3{margin:0 0 7px;font-size:17px;font-weight:800;letter-spacing:-.01em;}
.plan-action-page .offer-card p{margin:0 0 16px;color:var(--neutral-600);font-size:13px;line-height:1.55;}
.plan-action-page .offer-card .price{display:flex;align-items:baseline;gap:6px;margin-bottom:16px;}
.plan-action-page .offer-card .price strong{font-size:28px;font-weight:900;letter-spacing:-.03em;}
.plan-action-page .offer-card .price span{font-size:12px;color:var(--neutral-600);font-weight:700;}
.plan-action-page .mini-list{display:grid;gap:10px;}
.plan-action-page .mini-list li{display:grid;grid-template-columns:auto 1fr;gap:9px;font-size:13px;color:var(--neutral-700);line-height:1.45;}
.plan-action-page .mini-list li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gradient-brand);margin-top:6px;}
.plan-action-page .mini-list a:hover{color:var(--pink-warm);}
.plan-action-page .detected-list{display:grid;gap:10px;}
.plan-action-page .detected-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--neutral-100);}
.plan-action-page .detected-row:last-child{border-bottom:0;}
.plan-action-page .detected-row span{font-size:13px;color:var(--neutral-600);}
.plan-action-page .detected-row strong{font-size:13px;text-align:right;}
.plan-action-page .disclaimer{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-radius:var(--r-md);background:var(--neutral-50);border:1px solid var(--neutral-200);font-size:12px;color:var(--neutral-600);line-height:1.55;}
.plan-action-page .disclaimer svg{flex-shrink:0;margin-top:1px;color:var(--neutral-500);}
.plan-action-page .empty-state{display:none;text-align:center;padding:42px 20px;background:#fff;border:1px dashed var(--neutral-300);border-radius:var(--r-lg);margin-top:16px;}
.plan-action-page .empty-state.show{display:block;}
.plan-action-page .empty-state .icon-wrap{width:64px;height:64px;border-radius:50%;background:var(--gradient-bg-soft);display:grid;place-items:center;margin:0 auto 16px;color:var(--pink-warm);}
.plan-action-page .empty-state h4{margin:0 0 6px;font-size:16px;font-weight:700;}
.plan-action-page .empty-state p{margin:0 auto;max-width:380px;font-size:13px;color:var(--neutral-500);line-height:1.55;}
@media (max-width:1180px){.plan-action-page .kpis{grid-template-columns:repeat(2,1fr);}.plan-action-page .plan-grid{grid-template-columns:1fr;}.plan-action-page .side-panel{position:relative;top:auto;}}
@media (max-width:920px){.plan-action-page .plan-hero{grid-template-columns:1fr;}}
@media (max-width:820px){.plan-action-page .plan-hero{padding:24px 20px;}.plan-action-page .plan-hero h2{font-size:20px;}.plan-action-page .kpis{grid-template-columns:1fr;}.plan-action-page .toolbar{align-items:stretch;}.plan-action-page .toolbar .search-input,.plan-action-page .select-wrap{width:100%;}.plan-action-page .filter-group{width:100%;}.plan-action-page .filter-chip{flex:1;justify-content:center;}.plan-action-page .action-card{grid-template-columns:auto 1fr;}.plan-action-page .priority-bar{grid-row:1/3;min-height:100%;}.plan-action-page .action-side{grid-column:2;align-items:stretch;min-width:0;}.plan-action-page .impact-box{text-align:left;}}

/* ============================================================
   Plan d'action — sélection de fiche dans le hero
   ============================================================ */
.plan-action-page .plan-hero.plan-hero-with-picker{
  grid-template-columns:minmax(0,1fr) 390px;
  gap:26px;
  align-items:stretch;
}
.plan-action-page .plan-hero.plan-hero-with-picker .inner{
  align-self:center;
}
.plan-action-page .plan-audit-picker{
  position:relative;
  z-index:1;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--r-lg);
  padding:18px;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}
.plan-action-page .picker-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.plan-action-page .plan-audit-picker .mini-kicker{
  display:block;
  margin-bottom:4px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:rgba(255,255,255,.60);
}
.plan-action-page .plan-audit-picker h3{
  margin:0;
  font-size:17px;
  font-weight:850;
  letter-spacing:-.015em;
  color:#fff;
}
.plan-action-page .picker-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border-radius:var(--r-pill);
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
}
.plan-action-page .selected-audit-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:13px;
  border-radius:var(--r-md);
  background:#fff;
  color:var(--charcoal);
  box-shadow:0 12px 28px rgba(14,12,13,.16);
}
.plan-action-page .selected-audit-card .biz-avatar,
.plan-action-page .audit-picker-item .biz-avatar{
  width:42px;
  height:42px;
  border-radius:var(--r-md);
  display:grid;
  place-items:center;
  font-size:16px;
  font-weight:900;
  color:#fff;
  flex-shrink:0;
}
.plan-action-page .selected-audit-copy{
  min-width:0;
}
.plan-action-page .selected-audit-copy strong{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:13px;
  line-height:1.25;
}
.plan-action-page .selected-audit-copy span{
  display:block;
  margin-top:3px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:11px;
  color:var(--neutral-500);
  font-weight:650;
}
.plan-action-page .picker-progress{
  padding:12px;
  border-radius:var(--r-md);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}
.plan-action-page .picker-progress-top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.plan-action-page .picker-progress-top strong{
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}
.plan-action-page .picker-progress-top span,
.plan-action-page .picker-progress p{
  margin:0;
  font-size:11px;
  color:rgba(255,255,255,.68);
  font-weight:650;
}
.plan-action-page .picker-progress .progress-line{
  height:7px;
  margin-bottom:8px;
  background:rgba(255,255,255,.16);
  border-radius:var(--r-pill);
  overflow:hidden;
}
.plan-action-page .picker-progress .progress-line span{
  display:block;
  height:100%;
  background:var(--gradient-brand);
  border-radius:inherit;
}
.plan-action-page .audit-picker-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.plan-action-page .audit-picker-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:var(--r-md);
  color:#fff;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  transition:transform 180ms var(--ease-out),background 180ms var(--ease-out),border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out);
}
.plan-action-page .audit-picker-item:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
}
.plan-action-page .audit-picker-item.is-active{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.34);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 10px 20px rgba(14,12,13,.10);
}
.plan-action-page .audit-picker-copy{
  min-width:0;
}
.plan-action-page .audit-picker-copy strong,
.plan-action-page .audit-picker-copy small{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.plan-action-page .audit-picker-copy strong{
  font-size:12px;
  line-height:1.25;
  font-weight:800;
}
.plan-action-page .audit-picker-copy small{
  margin-top:2px;
  color:rgba(255,255,255,.58);
  font-size:10.5px;
  font-weight:650;
}
.plan-action-page .audit-score-badge{
  min-width:38px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:var(--r-pill);
  font-size:12px;
  font-weight:900;
  background:rgba(255,255,255,.12);
  color:#fff;
}
.plan-action-page .audit-score-badge.good{
  background:rgba(46,158,107,.18);
  color:#DDF6EA;
}
.plan-action-page .audit-score-badge.mid{
  background:rgba(254,155,26,.18);
  color:#FFE0B5;
}
.plan-action-page .audit-score-badge.low{
  background:rgba(225,51,84,.18);
  color:#FFD2DA;
}
.plan-action-page .audit-picker-empty{
  padding:14px;
  border-radius:var(--r-md);
  border:1px dashed rgba(255,255,255,.18);
  color:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.45;
}
.plan-action-page .audits-mini-list{
  display:none;
}
@media (max-width:1180px){
  .plan-action-page .plan-hero.plan-hero-with-picker{
    grid-template-columns:1fr;
  }
  .plan-action-page .plan-audit-picker{
    max-width:none;
  }
}
@media (max-width:560px){
  .plan-action-page .plan-audit-picker{
    padding:14px;
  }
  .plan-action-page .audit-picker-item{
    grid-template-columns:auto minmax(0,1fr);
  }
  .plan-action-page .audit-score-badge{
    grid-column:2;
    justify-self:start;
    height:26px;
  }
}

/* Correctif sélection fiche plan d'action : éviter le doublon de la fiche active */
.plan-action-page .audit-picker-subhead{
  margin:14px 0 8px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.58);
}
.plan-action-page .picker-progress{
  margin-top:12px;
}
.plan-action-page .selected-audit-card + .picker-progress{
  border-color:rgba(255,255,255,.18);
}