/* CSL Gestion 2.0.26 — Espace intervenant recentré et compact.
 * Feuille volontairement isolée, chargée après l'historique du module pour
 * éviter d'empiler de nouveaux correctifs dans csl-inscriptions-gestion.css. */

body.csl-attendance-person-page {
  --csl-i-ink:#172235;
  --csl-i-muted:#6b7787;
  --csl-i-line:#e1e7ec;
  --csl-i-surface:#ffffff;
  --csl-i-soft:#f5f7f8;
  --csl-i-dark:#172536;
  --csl-i-red:#e30613;
}

/* Supprime l'espace de page WordPress autour du shortcode sans marge négative. */
body.csl-attendance-person-page :where(
  #page,.site,.site-content,.site-main,#content,#main,main#main,.content-wrap,
  .content-area,#primary,.container,.row,.nv-single-page-wrap,.nv-content-wrap,
  .entry-content-wrap,.entry-content,article
) {
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
body.csl-attendance-person-page .csl-attendance--instructor{
  min-height:0!important;
  margin:0!important;
  padding:10px 14px 34px!important;
  background:#f4f6f7!important;
}
body.csl-attendance-person-page .csl-attendance-shell{
  width:min(920px,100%)!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding:0!important;
}
body.csl-attendance-person-page .csl-attendance-shell > *:first-child{
  margin-top:0!important;
}

/* En-tête unique : plus de bandeau noir mal cadré + bonjour séparé. */
body.csl-attendance-person-page .csl-attendance-instructor-header-v2{
  position:relative;
  display:grid;
  gap:8px;
  width:100%;
  margin:0 auto 10px!important;
  padding:12px 14px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0,rgba(227,6,19,.19),transparent 34%),
    linear-gradient(135deg,#172536 0%,#24384b 58%,#1f4250 100%);
  box-shadow:0 12px 30px rgba(23,34,53,.13);
  color:#fff;
  text-align:center;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2::after{
  content:"";
  position:absolute;
  left:22%;right:22%;bottom:0;
  height:3px;
  border-radius:99px 99px 0 0;
  background:linear-gradient(90deg,transparent,#e30613 25%,#57b6ae 75%,transparent);
  opacity:.9;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__top,
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__identity{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);
  align-items:center;
  gap:10px;
  min-width:0;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 12px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:#fff!important;
  font-size:11px;
  font-weight:800;
  line-height:1;
  text-decoration:none!important;
  white-space:nowrap;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello{
  min-width:0;
  text-align:center;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello small{
  display:block;
  margin:0 0 1px;
  color:#c9d4dc;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(24px,3vw,31px)!important;
  font-weight:900;
  letter-spacing:-.035em;
  line-height:1.05!important;
  white-space:nowrap;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__urgent{
  justify-self:end;
  min-height:36px!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:11px!important;
  background:#e30613!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(227,6,19,.22)!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* Les anciens éléments d'en-tête ne doivent plus réserver d'espace. */
body.csl-attendance-person-page .csl-attendance-hero--instructor,
body.csl-attendance-person-page .csl-attendance-instructor-greeting{
  display:none!important;
  margin:0!important;
  padding:0!important;
  height:0!important;
  min-height:0!important;
}

/* Barre d'outils recentrée et plus nette. */
body.csl-attendance-person-page .csl-attendance-action-hub{
  width:100%;
  margin:0 0 12px!important;
}
body.csl-attendance-person-page .csl-attendance-action-bar{
  gap:7px!important;
  padding:7px!important;
  border:1px solid var(--csl-i-line)!important;
  border-radius:18px!important;
  background:var(--csl-i-surface)!important;
  box-shadow:0 8px 22px rgba(23,34,53,.06)!important;
}
body.csl-attendance-person-page .csl-attendance-action-tab{
  min-height:66px!important;
  padding:8px 5px!important;
  border-radius:13px!important;
  text-align:center!important;
}
body.csl-attendance-person-page .csl-attendance-action-tab span:last-child{
  font-size:11px!important;
  line-height:1.05!important;
}
body.csl-attendance-person-page .csl-attendance-action-icon{
  width:30px!important;
  height:30px!important;
  margin:0 auto 4px!important;
  border-radius:10px!important;
}

/* Cartes de contenu : même largeur, marges cohérentes, moins de vide. */
body.csl-attendance-person-page .csl-attendance-day--compact,
body.csl-attendance-person-page .csl-attendance-upcoming--compact{
  width:100%;
  margin-top:12px!important;
  padding:16px!important;
  border:1px solid var(--csl-i-line)!important;
  border-radius:18px!important;
  background:var(--csl-i-surface)!important;
  box-shadow:0 8px 22px rgba(23,34,53,.045)!important;
}
body.csl-attendance-person-page .csl-attendance-upcoming--compact .csl-attendance-section-heading{
  justify-content:center!important;
  margin-bottom:12px!important;
  text-align:center!important;
}
body.csl-attendance-person-page .csl-attendance-upcoming--compact .csl-attendance-eyebrow{
  margin-bottom:4px!important;
  text-align:center!important;
}
body.csl-attendance-person-page .csl-attendance-upcoming--compact .csl-attendance-section-heading h2{
  margin:0!important;
  font-size:20px!important;
  line-height:1.1!important;
  text-align:center!important;
}
body.csl-attendance-person-page .csl-attendance-upcoming--compact .csl-attendance-upcoming-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
body.csl-attendance-person-page .csl-attendance-upcoming--compact .csl-attendance-upcoming-card{
  min-width:0!important;
  padding:12px!important;
  border-radius:13px!important;
}

/* Urgences : rattachées visuellement à l'en-tête. */
body.csl-attendance-person-page .csl-attendance-day-emergency{
  margin:0 0 12px!important;
}

@media (max-width:760px){
  body.csl-attendance-person-page .csl-attendance--instructor{
    padding:6px 10px 28px!important;
  }
  body.csl-attendance-person-page .csl-attendance-shell{
    width:100%!important;
    max-width:100%!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2{
    gap:7px;
    margin-bottom:9px!important;
    padding:10px 10px 12px;
    border-radius:17px;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__top,
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__identity{
    grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);
    gap:7px;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__badge{
    min-height:26px;
    padding:5px 9px;
    font-size:9px;
    letter-spacing:.12em;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout{
    min-height:30px;
    padding:6px 8px;
    font-size:10px;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello h1{
    max-width:47vw;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:22px!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__urgent{
    min-height:34px!important;
    padding:8px 10px!important;
    font-size:10px!important;
  }
  body.csl-attendance-person-page .csl-attendance-action-bar{
    gap:4px!important;
    padding:5px!important;
    border-radius:15px!important;
  }
  body.csl-attendance-person-page .csl-attendance-action-tab{
    min-height:58px!important;
    padding:6px 2px!important;
    border-radius:11px!important;
  }
  body.csl-attendance-person-page .csl-attendance-action-icon{
    width:27px!important;
    height:27px!important;
    margin-bottom:3px!important;
  }
  body.csl-attendance-person-page .csl-attendance-action-tab span:last-child{
    font-size:10px!important;
  }
  body.csl-attendance-person-page .csl-attendance-day--compact,
  body.csl-attendance-person-page .csl-attendance-upcoming--compact{
    margin-top:10px!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  body.csl-attendance-person-page .csl-attendance-upcoming--compact .csl-attendance-upcoming-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.csl-attendance-person-page .csl-attendance-upcoming--compact .csl-attendance-upcoming-card{
    padding:11px!important;
    border-radius:12px!important;
  }
  body.csl-attendance-person-page .csl-attendance-upcoming--compact .csl-attendance-section-heading h2{
    font-size:18px!important;
  }
}

@media (max-width:420px){
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__top,
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__identity{
    grid-template-columns:minmax(58px,1fr) auto minmax(58px,1fr);
    gap:5px;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__badge{
    padding-inline:7px;
    font-size:8px;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout{
    padding-inline:7px;
    font-size:9px;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello h1{
    font-size:20px!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__urgent{
    padding-inline:9px!important;
    font-size:9px!important;
  }
}

@media (prefers-color-scheme:dark){
  body.csl-attendance-person-page{
    --csl-i-ink:#f4f7fb;
    --csl-i-muted:#aeb8c4;
    --csl-i-line:#2e3a49;
    --csl-i-surface:#151d28;
    --csl-i-soft:#101721;
  }
  body.csl-attendance-person-page .csl-attendance--instructor{
    background:#0e141d!important;
    color:var(--csl-i-ink)!important;
  }
  body.csl-attendance-person-page .csl-attendance-action-bar,
  body.csl-attendance-person-page .csl-attendance-day--compact,
  body.csl-attendance-person-page .csl-attendance-upcoming--compact{
    background:var(--csl-i-surface)!important;
    border-color:var(--csl-i-line)!important;
    color:var(--csl-i-ink)!important;
  }
  body.csl-attendance-person-page .csl-attendance-upcoming--compact .csl-attendance-section-heading h2{
    color:var(--csl-i-ink)!important;
  }
}

/* ========================================================================
 * CSL Gestion 2.0.27 — en-tête intervenant reconstruit
 * Une carte claire, centrée, sans bandeau sombre ni colonnes qui se battent
 * sur iPhone. Le HTML V2.0.27 utilise : badge / identité / actions.
 * ====================================================================== */
body.csl-attendance-person-page .csl-attendance-instructor-header-v2{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:14px 16px!important;
  overflow:hidden!important;
  border:1px solid #e1e7ec!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 8% 0,rgba(227,6,19,.07),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(34,125,118,.07),transparent 34%),
    #fff!important;
  box-shadow:0 9px 26px rgba(23,34,53,.07)!important;
  color:#172536!important;
  text-align:center!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  width:90px!important;
  height:3px!important;
  transform:translateX(-50%)!important;
  border-radius:99px 99px 0 0!important;
  background:linear-gradient(90deg,#e30613,#2b8f84)!important;
  opacity:.9!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__badge{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  padding:0 28px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#bd1f2b!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__badge::before,
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__badge::after{
  content:"";
  position:absolute;
  top:50%;
  width:18px;
  height:2px;
  border-radius:99px;
  background:#e9a7ad;
  transform:translateY(-50%);
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__badge::before{left:0}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__badge::after{right:0}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello{
  min-width:0!important;
  width:100%!important;
  text-align:center!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello small{
  display:block!important;
  margin:0 0 1px!important;
  color:#8b97a3!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello h1{
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:#172536!important;
  font-size:clamp(24px,3vw,30px)!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  line-height:1.05!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:min(390px,100%)!important;
  margin-top:3px!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__urgent,
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__urgent{
  border:1px solid #e30613!important;
  background:#e30613!important;
  color:#fff!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout{
  justify-self:stretch!important;
  border:1px solid #dbe2e8!important;
  background:#f5f7f9!important;
  color:#394a5a!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__urgent:hover,
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__urgent:focus-visible{
  background:#c90410!important;
}
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout:hover,
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout:focus-visible{
  background:#eaf0f4!important;
  color:#172536!important;
}
/* Anciens conteneurs V2.0.26 : neutralisés car retirés du HTML. */
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__top,
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__identity,
body.csl-attendance-person-page .csl-attendance-instructor-header-v2__spacer{
  display:none!important;
}

@media(max-width:760px){
  body.csl-attendance-person-page .csl-attendance--instructor{
    padding:4px 8px 26px!important;
  }
  body.csl-attendance-person-page .csl-attendance-shell{
    padding:0!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2{
    gap:6px!important;
    margin:0 0 8px!important;
    padding:12px 12px 13px!important;
    border-radius:17px!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello h1{
    font-size:25px!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__actions{
    width:100%!important;
    max-width:360px!important;
    gap:7px!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__urgent,
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout{
    min-height:39px!important;
    padding:8px 9px!important;
    border-radius:11px!important;
    font-size:10px!important;
  }
  body.csl-attendance-person-page .csl-attendance-action-hub{
    margin-top:0!important;
  }
}

@media(max-width:390px){
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2{
    padding-inline:10px!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__badge{
    font-size:9px!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello h1{
    font-size:23px!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__actions{
    gap:6px!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__urgent,
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout{
    font-size:9px!important;
    padding-inline:7px!important;
  }
}

@media(prefers-color-scheme:dark){
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2{
    border-color:#2d3946!important;
    background:
      radial-gradient(circle at 8% 0,rgba(227,6,19,.12),transparent 30%),
      radial-gradient(circle at 100% 100%,rgba(43,143,132,.11),transparent 34%),
      #151d28!important;
    color:#f4f7fb!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__badge{color:#ff8d97!important}
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello small{color:#aeb8c4!important}
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__hello h1{color:#f4f7fb!important}
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout{
    border-color:#344250!important;
    background:#202b37!important;
    color:#e5ebf1!important;
  }
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout:hover,
  body.csl-attendance-person-page .csl-attendance-instructor-header-v2__logout:focus-visible{
    background:#293644!important;
    color:#fff!important;
  }
}