/* CFA360 V218 — Cadre visuel commun des espaces authentifiés. */
:root{
  --cfa218-auth-topbar:76px;
  --cfa218-auth-content:1280px;
  --cfa218-auth-content-wide:1500px;
  --cfa218-auth-radius:22px;
  --cfa218-auth-card-shadow:0 18px 44px rgba(0,31,67,.18);
  --cfa218-auth-glass:rgba(4,61,112,.46);
}

html[data-cfa360-ui="v218"] body.cfa218-authenticated{
  min-height:100vh!important;
  margin:0!important;
  padding-top:var(--cfa218-auth-topbar)!important;
  overflow-x:hidden!important;
  background:linear-gradient(135deg,#003b71 0%,#075a99 54%,#0878bb 100%) fixed!important;
  color:#fff!important;
}

/* Bandeau authentifié unique */
html[data-cfa360-ui="v218"] body.cfa218-authenticated>.cfa218-topbar{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:2147482500!important;
  width:100%!important;
  height:var(--cfa218-auth-topbar)!important;
  min-height:var(--cfa218-auth-topbar)!important;
  max-height:var(--cfa218-auth-topbar)!important;
  margin:0!important;
  padding:10px clamp(16px,3vw,42px)!important;
  display:grid!important;
  grid-template-columns:auto minmax(180px,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  border:0!important;
  border-bottom:1px solid #d9e4ee!important;
  border-radius:0!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 7px 24px rgba(0,35,72,.12)!important;
  color:var(--cfa218-ink)!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}

html[data-cfa360-ui="v218"] .cfa218-brand{
  width:144px!important;
  height:50px!important;
  min-width:144px!important;
  margin:0!important;
  padding:7px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#063f74,#0963a3)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
html[data-cfa360-ui="v218"] .cfa218-brand>img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
html[data-cfa360-ui="v218"] .cfa218-brand>span{display:none!important;}

html[data-cfa360-ui="v218"] .cfa218-topbar-context{
  min-width:0!important;
  padding-left:18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:1px!important;
  border-left:1px solid #d9e4ee!important;
  color:var(--cfa218-blue-950)!important;
  line-height:1.15!important;
}
html[data-cfa360-ui="v218"] .cfa218-topbar-context>span{
  color:#647c92!important;
  font-size:.7rem!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html[data-cfa360-ui="v218"] .cfa218-topbar-context>strong{
  max-width:100%!important;
  color:var(--cfa218-blue-950)!important;
  font-size:1rem!important;
  font-weight:900!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html[data-cfa360-ui="v218"] .cfa218-topbar-actions{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  background:transparent!important;
  border:0!important;
}
html[data-cfa360-ui="v218"] .cfa218-top-action,
html[data-cfa360-ui="v218"] .cfa218-topbar-actions>a,
html[data-cfa360-ui="v218"] .cfa218-topbar-actions>button{
  width:auto!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #c8d8e6!important;
  border-radius:11px!important;
  background:#fff!important;
  color:var(--cfa218-blue-900)!important;
  box-shadow:none!important;
  font-size:.82rem!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
html[data-cfa360-ui="v218"] .cfa218-top-action:hover{background:#f1f7fc!important;border-color:#91b3cf!important;transform:none!important;}
html[data-cfa360-ui="v218"] .cfa218-action-message{background:var(--cfa218-blue-900)!important;border-color:var(--cfa218-blue-900)!important;color:#fff!important;}
html[data-cfa360-ui="v218"] .cfa218-action-logout{color:#8e3030!important;}
html[data-cfa360-ui="v218"] .cfa218-action-secondary{display:none!important;}
html[data-cfa360-ui="v218"] .read-only-badge{
  min-height:34px!important;padding:7px 10px!important;border-radius:999px!important;background:#eaf3fb!important;color:#315f84!important;font-size:.72rem!important;font-weight:850!important;
}

/* Structure et titre communs */
html[data-cfa360-ui="v218"] body.cfa218-authenticated>main,
html[data-cfa360-ui="v218"] body.cfa218-authenticated>.shell,
html[data-cfa360-ui="v218"] body.cfa218-authenticated main.shell,
html[data-cfa360-ui="v218"] body.cfa218-authenticated .parent-shell,
html[data-cfa360-ui="v218"] body.cfa218-authenticated .cfa360-role-home,
html[data-cfa360-ui="v218"] body.cfa218-authenticated .cfa360-apprenti-home,
html[data-cfa360-ui="v218"] body.cfa218-authenticated .bilan-page-shell,
html[data-cfa360-ui="v218"] body.cfa218-authenticated .bilans-menu-shell,
html[data-cfa360-ui="v218"] body.cfa218-authenticated .visites-shell,
html[data-cfa360-ui="v218"] body.cfa218-authenticated .formateur-competence-shell{
  width:min(var(--cfa218-auth-content),calc(100% - 40px))!important;
  max-width:var(--cfa218-auth-content)!important;
  margin:0 auto!important;
  padding:30px 0 58px!important;
  color:var(--cfa218-ink)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-cfa360-ui="v218"] body[data-cfa360-page="formateur-competences"] .formateur-competence-shell,
html[data-cfa360-ui="v218"] body[data-cfa360-page="apprenti-evaluation"] .formateur-competence-shell{
  width:min(var(--cfa218-auth-content-wide),calc(100% - 32px))!important;
  max-width:var(--cfa218-auth-content-wide)!important;
}

html[data-cfa360-ui="v218"] .cfa218-page-heading{
  width:100%!important;
  margin:0 auto 22px!important;
  padding:24px 28px!important;
  display:block!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:var(--cfa218-auth-radius)!important;
  background:linear-gradient(120deg,rgba(2,50,94,.76),rgba(31,104,159,.58))!important;
  box-shadow:0 16px 36px rgba(0,35,76,.16)!important;
  color:#fff!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading>p{
  margin:0 0 5px!important;color:#ff982f!important;font-size:.74rem!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading>h1{
  margin:0!important;color:#fff!important;font-size:clamp(1.65rem,3.2vw,2.45rem)!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.025em!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading>div{
  max-width:780px!important;margin-top:7px!important;color:#eaf5ff!important;font-size:.95rem!important;font-weight:650!important;line-height:1.45!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading-tools{
  width:100%!important;margin:18px 0 0!important;padding:14px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:16px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading-tools #individualApprentiBox{
  width:min(620px,100%)!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:auto minmax(220px,1fr)!important;align-items:center!important;gap:12px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading-tools #individualApprentiBox label{
  margin:0!important;color:#fff!important;font-size:.78rem!important;font-weight:900!important;letter-spacing:.035em!important;text-transform:uppercase!important;white-space:nowrap!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading-tools #individualApprentiBox select{
  width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 38px 0 14px!important;border:1px solid #cdddea!important;border-radius:12px!important;background:#fff!important;color:var(--cfa218-blue-950)!important;box-shadow:none!important;font-size:.92rem!important;font-weight:850!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading-tools .visites-hero-actions-v163{
  width:auto!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading-tools .visites-hero-actions-v163>a{
  min-height:42px!important;margin:0!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:12px!important;background:#fff!important;color:var(--cfa218-blue-900)!important;font-size:.82rem!important;font-weight:900!important;text-decoration:none!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading-tools .tuteur-header-actions{
  width:auto!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html[data-cfa360-ui="v218"] .cfa218-page-heading-tools .tuteur-header-actions :where(a,button){
  width:auto!important;min-height:42px!important;height:42px!important;margin:0!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:12px!important;background:#fff!important;color:var(--cfa218-blue-900)!important;box-shadow:none!important;font-size:.82rem!important;font-weight:900!important;text-decoration:none!important;cursor:pointer!important;
}

html[data-cfa360-ui="v218"] body.cfa218-has-page-heading .cfa218-legacy-hero{display:none!important;}
html[data-cfa360-ui="v218"] body.cfa218-has-page-heading .cfa218-legacy-sidebar{display:none!important;}
html[data-cfa360-ui="v218"] body.cfa218-has-page-heading :where(.admin-card,.tutor-card,.role-eval-card){
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
html[data-cfa360-ui="v218"] body.cfa218-has-page-heading :where(.dashboard,.visites-dashboard,.tutor-dashboard,.tuteur-bilan-dashboard){
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html[data-cfa360-ui="v218"] body.cfa218-has-page-heading[data-cfa218-role="tuteur"] .dashboard>.cfa218-dashboard-header{display:none!important;}

/* Héros de tableaux de bord : même composition, contenu adapté au rôle */
html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.role-hero-zone,.apprenti-hero-zone,.parent-hero,.dashboard>.dashboard-header){
  width:100%!important;
  min-height:210px!important;
  margin:0 auto 24px!important;
  padding:30px clamp(24px,4vw,44px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(180px,300px)!important;
  align-items:center!important;
  gap:28px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:26px!important;
  background:linear-gradient(120deg,rgba(2,52,97,.82),rgba(36,109,165,.62))!important;
  box-shadow:0 18px 42px rgba(0,38,78,.19)!important;
  color:#fff!important;
  text-align:left!important;
}
html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.role-main-logo,.apprenti-main-logo,.parent-hero>img){
  grid-column:2!important;grid-row:1 / span 2!important;width:min(280px,100%)!important;height:auto!important;max-width:100%!important;margin:0 auto!important;object-fit:contain!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.14))!important;
}
html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.role-heading-row,.parent-hero>div,.dashboard-header>div){
  grid-column:1!important;grid-row:1!important;width:100%!important;max-width:780px!important;margin:0!important;padding:0!important;display:block!important;text-align:left!important;
}
html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.role-lead,.apprenti-lead){
  grid-column:1!important;grid-row:2!important;align-self:start!important;margin:0!important;color:#eaf5ff!important;font-size:1rem!important;font-weight:700!important;
}
html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.role-kicker,.apprenti-kicker,.dashboard-header .eyebrow,.parent-hero .eyebrow){
  margin:0 0 6px!important;color:#ff952b!important;font-size:.76rem!important;font-weight:950!important;letter-spacing:.09em!important;text-transform:uppercase!important;
}
html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.role-user-name,.dashboard-header h2,.parent-hero h1){
  margin:0 0 7px!important;color:#fff!important;font-size:clamp(2rem,4.3vw,3.35rem)!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-.03em!important;text-shadow:none!important;
}
html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.dashboard-header .header-text,.parent-hero p:not(.eyebrow)){
  margin:0!important;color:#eaf5ff!important;font-size:1rem!important;font-weight:700!important;
}

/* Cartes d’action et surfaces de travail */
html[data-cfa360-ui="v218"] :where(.role-action-grid,.apprenti-action-grid,.autoeval-action-grid){
  width:100%!important;max-width:none!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;
}
html[data-cfa360-ui="v218"] :where(.role-action-card,.apprenti-action-card,.autoeval-action-card){
  position:relative!important;min-height:150px!important;margin:0!important;padding:24px!important;display:grid!important;grid-template-columns:64px minmax(0,1fr) 44px!important;align-items:center!important;gap:18px!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.82)!important;border-radius:26px!important;background:linear-gradient(145deg,#fff,#f3f8fc)!important;color:var(--cfa218-blue-950)!important;box-shadow:var(--cfa218-auth-card-shadow)!important;text-align:left!important;text-decoration:none!important;
}
html[data-cfa360-ui="v218"] :where(.role-action-card,.apprenti-action-card,.autoeval-action-card)::after{
  content:"";position:absolute;right:-42px;bottom:-62px;width:190px;height:190px;border-radius:50%;background:rgba(14,90,148,.07);pointer-events:none;
}
html[data-cfa360-ui="v218"] :where(.role-action-icon,.apprenti-action-icon,.autoeval-action-icon){
  width:64px!important;height:64px!important;margin:0!important;display:grid!important;place-items:center!important;border:1px solid #d1e1ef!important;border-radius:18px!important;background:#eaf3fb!important;color:var(--cfa218-blue-900)!important;box-shadow:none!important;font-size:1.55rem!important;
}
html[data-cfa360-ui="v218"] body[data-cfa218-role="apprenti"] :where(.apprenti-action-icon,.autoeval-action-icon){background:linear-gradient(135deg,#ff7a00,#ff9a31)!important;border-color:#ff9a31!important;color:#fff!important;}
html[data-cfa360-ui="v218"] body[data-cfa218-role="tuteur"] .role-action-icon{background:#e8f6ef!important;border-color:#bce2ce!important;color:#176b47!important;}
html[data-cfa360-ui="v218"] :where(.role-action-text,.apprenti-action-text,.autoeval-action-text){min-width:0!important;position:relative!important;z-index:1!important;}
html[data-cfa360-ui="v218"] :where(.role-action-text,.apprenti-action-text,.autoeval-action-text)>strong{display:block!important;margin:0 0 7px!important;color:var(--cfa218-blue-950)!important;font-size:1.35rem!important;font-weight:950!important;line-height:1.12!important;}
html[data-cfa360-ui="v218"] :where(.role-action-text,.apprenti-action-text,.autoeval-action-text)>small{display:block!important;color:#42617e!important;font-size:.92rem!important;font-weight:700!important;line-height:1.42!important;}
html[data-cfa360-ui="v218"] :where(.role-action-arrow,.apprenti-action-arrow,.autoeval-action-arrow){position:relative!important;z-index:1!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff!important;color:var(--cfa218-blue-900)!important;box-shadow:0 8px 18px rgba(0,54,105,.12)!important;font-weight:950!important;}

html[data-cfa360-ui="v218"] body.cfa218-authenticated :where(.panel,.content-section,.state-panel,.learner-card,.formateur-setup-card,.formateur-preuves-inbox-v181,.visites-panel,.visites-summary-card,.tuteur-proof-kpis>*,.tuteur-bilan-kpis>*){
  border:1px solid #d7e3ed!important;border-radius:20px!important;background:#fff!important;color:var(--cfa218-ink)!important;box-shadow:0 12px 32px rgba(0,43,84,.13)!important;
}
html[data-cfa360-ui="v218"] body.cfa218-authenticated :where(.panel,.content-section,.formateur-setup-card,.visites-panel){padding:clamp(18px,2.4vw,28px)!important;}
html[data-cfa360-ui="v218"] body.cfa218-authenticated :where(.panel h2,.panel h3,.content-section h2,.dashboard h2,.dashboard h3){color:var(--cfa218-blue-950);}
html[data-cfa360-ui="v218"] body.cfa218-authenticated :where(.panel-subtext,.header-text,.small-muted){color:var(--cfa218-muted)!important;}

/* Administration et représentant légal : variantes de densité, même langage */
html[data-cfa360-ui="v218"] body[data-cfa218-role^="admin"] .shell{width:min(var(--cfa218-auth-content),calc(100% - 40px))!important;}
html[data-cfa360-ui="v218"] body[data-cfa218-role^="admin"] :where(.admin-wow-action,.mini-card,.stat-card,.cfa360-quick-action-v218){border-radius:18px!important;box-shadow:0 11px 28px rgba(0,37,77,.14)!important;}
html[data-cfa360-ui="v218"] body[data-cfa218-role="representant-legal"] .parent-shell{width:min(1180px,calc(100% - 40px))!important;}
html[data-cfa360-ui="v218"] body[data-cfa218-role="representant-legal"] .parent-hero{margin-top:0!important;}
html[data-cfa360-ui="v218"] body[data-cfa218-role="representant-legal"] :where(.learner-card,.metric-card,.content-section,.state-panel){border-radius:20px!important;box-shadow:0 12px 30px rgba(0,40,79,.14)!important;}
html[data-cfa360-ui="v218"] body[data-cfa218-role="representant-legal"] .privacy-note{background:#eaf3fb!important;color:#294f72!important;}

/* La messagerie garde son espace à deux colonnes dans le cadre commun. */
html[data-cfa360-ui="v218"] body.messages-v217-body.cfa218-authenticated .messages-v217-shell{
  width:min(1480px,calc(100% - 34px))!important;max-width:1480px!important;height:calc(100vh - var(--cfa218-auth-topbar) - 70px)!important;min-height:610px!important;margin:24px auto 0!important;padding:0!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:24px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 20px 54px rgba(0,35,72,.24)!important;
}
html[data-cfa360-ui="v218"] body.messages-v217-body .messages-v217-topbar-title{display:flex!important;}
html[data-cfa360-ui="v218"] body.messages-v217-body .messages-v217-list-pane{border-radius:0!important;}
html[data-cfa360-ui="v218"] body.messages-v217-body .cfa218-action-home{display:inline-flex!important;}

html[data-cfa360-ui="v218"] body.cfa218-authenticated>.cfa360-footer-v218{
  width:min(calc(100% - 32px),var(--cfa218-auth-content))!important;margin:20px auto 14px!important;border-radius:12px!important;background:rgba(3,55,100,.78)!important;color:#fff!important;
}

@media(max-width:980px){
  html[data-cfa360-ui="v218"] :where(.role-action-grid,.apprenti-action-grid,.autoeval-action-grid){grid-template-columns:1fr!important;}
  html[data-cfa360-ui="v218"] .cfa218-action-help{display:none!important;}
  html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.role-hero-zone,.apprenti-hero-zone,.parent-hero,.dashboard>.dashboard-header){grid-template-columns:minmax(0,1fr) 210px!important;}
}

@media(max-width:720px){
  :root{--cfa218-auth-topbar:64px;--cfa218-auth-radius:17px;}
  html[data-cfa360-ui="v218"] body.cfa218-authenticated>.cfa218-topbar{
    height:var(--cfa218-auth-topbar)!important;min-height:var(--cfa218-auth-topbar)!important;max-height:var(--cfa218-auth-topbar)!important;padding:8px 10px!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;
  }
  html[data-cfa360-ui="v218"] .cfa218-brand{width:102px!important;min-width:102px!important;height:44px!important;padding:6px 8px!important;border-radius:10px!important;}
  html[data-cfa360-ui="v218"] .cfa218-topbar-context{padding-left:9px!important;}
  html[data-cfa360-ui="v218"] .cfa218-topbar-context>span{display:none!important;}
  html[data-cfa360-ui="v218"] .cfa218-topbar-context>strong{font-size:.78rem!important;line-height:1.12!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
  html[data-cfa360-ui="v218"] .cfa218-topbar-actions{gap:5px!important;}
  html[data-cfa360-ui="v218"] .cfa218-top-action{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:0!important;border-radius:10px!important;}
  html[data-cfa360-ui="v218"] .cfa218-action-home::before{content:"←";font-size:1rem!important;}
  html[data-cfa360-ui="v218"] .cfa218-action-message::before{content:"✉";font-size:1rem!important;}
  html[data-cfa360-ui="v218"] .cfa218-action-logout::before{content:"↪";font-size:1rem!important;}
  html[data-cfa360-ui="v218"] .read-only-badge{display:none!important;}
  html[data-cfa360-ui="v218"] body.cfa218-authenticated>main,
  html[data-cfa360-ui="v218"] body.cfa218-authenticated main.shell,
  html[data-cfa360-ui="v218"] body.cfa218-authenticated .parent-shell,
  html[data-cfa360-ui="v218"] body.cfa218-authenticated .cfa360-role-home,
  html[data-cfa360-ui="v218"] body.cfa218-authenticated .cfa360-apprenti-home,
  html[data-cfa360-ui="v218"] body.cfa218-authenticated .bilan-page-shell,
  html[data-cfa360-ui="v218"] body.cfa218-authenticated .bilans-menu-shell,
  html[data-cfa360-ui="v218"] body.cfa218-authenticated .visites-shell,
  html[data-cfa360-ui="v218"] body.cfa218-authenticated .formateur-competence-shell{
    width:calc(100% - 20px)!important;max-width:none!important;padding:14px 0 34px!important;
  }
  html[data-cfa360-ui="v218"] .cfa218-page-heading{margin-bottom:14px!important;padding:19px 18px!important;border-radius:17px!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading>h1{font-size:1.55rem!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading>div{font-size:.86rem!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading-tools{margin-top:14px!important;padding:11px!important;display:block!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading-tools #individualApprentiBox{width:100%!important;grid-template-columns:1fr!important;gap:7px!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading-tools #individualApprentiBox label{white-space:normal!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading-tools .visites-hero-actions-v163{width:100%!important;display:grid!important;grid-template-columns:1fr!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading-tools .visites-hero-actions-v163>a{width:100%!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading-tools .tuteur-header-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading-tools .tuteur-header-actions :where(a,button){width:100%!important;}
  html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.role-hero-zone,.apprenti-hero-zone,.parent-hero,.dashboard>.dashboard-header){
    min-height:0!important;padding:22px 18px!important;display:block!important;border-radius:19px!important;
  }
  html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.role-main-logo,.apprenti-main-logo,.parent-hero>img){width:170px!important;max-width:58vw!important;margin:0 auto 20px!important;}
  html[data-cfa360-ui="v218"] body:not(.cfa218-has-page-heading) :where(.role-user-name,.dashboard-header h2,.parent-hero h1){font-size:2rem!important;}
  html[data-cfa360-ui="v218"] :where(.role-action-card,.apprenti-action-card,.autoeval-action-card){min-height:132px!important;padding:18px!important;grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important;border-radius:20px!important;}
  html[data-cfa360-ui="v218"] :where(.role-action-icon,.apprenti-action-icon,.autoeval-action-icon){width:54px!important;height:54px!important;border-radius:15px!important;}
  html[data-cfa360-ui="v218"] :where(.role-action-arrow,.apprenti-action-arrow,.autoeval-action-arrow){display:none!important;}
  html[data-cfa360-ui="v218"] :where(.role-action-text,.apprenti-action-text,.autoeval-action-text)>strong{font-size:1.12rem!important;}
  html[data-cfa360-ui="v218"] :where(.role-action-text,.apprenti-action-text,.autoeval-action-text)>small{font-size:.84rem!important;}
  html[data-cfa360-ui="v218"] body.messages-v217-body.cfa218-authenticated .messages-v217-shell{width:100%!important;height:calc(100vh - var(--cfa218-auth-topbar))!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
  html[data-cfa360-ui="v218"] body.cfa218-authenticated>.cfa360-footer-v218{width:calc(100% - 20px)!important;margin:14px auto 10px!important;padding:13px!important;font-size:.72rem!important;}
}

@media(max-width:480px){
  html[data-cfa360-ui="v218"] .cfa218-topbar-context{display:none!important;}
  html[data-cfa360-ui="v218"] body.cfa218-authenticated>.cfa218-topbar{grid-template-columns:auto 1fr!important;}
  html[data-cfa360-ui="v218"] .cfa218-topbar-actions{grid-column:2!important;}
  html[data-cfa360-ui="v218"] .cfa218-action-message{display:none!important;}
}

@media print{
  html[data-cfa360-ui="v218"] body.cfa218-authenticated{padding-top:0!important;background:#fff!important;color:#000!important;}
  html[data-cfa360-ui="v218"] body.cfa218-authenticated>.cfa218-topbar,
  html[data-cfa360-ui="v218"] body.cfa218-authenticated>.cfa360-footer-v218{display:none!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading{border:1px solid #ccd8e2!important;background:#fff!important;color:#000!important;box-shadow:none!important;}
  html[data-cfa360-ui="v218"] .cfa218-page-heading :where(h1,p,div){color:#000!important;}
}