/* Idéal Web R3 — site-centric dashboard header. Presentation only.
   Does not change identity, projectId, offers, payments or feature rights. */
html[data-page="mon-espace"][data-iw-plan] .free-premium-topbar {
  border-bottom:1px solid #dce9e1;
  background:rgba(255,255,255,.98);
  box-shadow:0 6px 30px rgba(5,52,33,.035);
  gap:12px;
}
html[data-page="mon-espace"][data-iw-plan] .free-premium-project {
  flex:1 1 auto;
  min-width:0;
  gap:13px;
}
html[data-page="mon-espace"][data-iw-plan] .free-premium-project-icon {
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(140deg,#e7f6ec,#f6fcf8);
  border:1px solid #cfe6d8;
  color:#087447;
  font-size:17px;
}
html[data-page="mon-espace"][data-iw-plan] .iw-r3-site-identity {
  min-width:0;
  max-width:min(39vw,380px);
}
html[data-page="mon-espace"][data-iw-plan] .iw-r3-site-identity small {
  display:block;
  font-size:10px;
  line-height:1.3;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#238056;
}
html[data-page="mon-espace"][data-iw-plan] #freeShellProjectName {
  display:block;
  margin-top:2px;
  max-width:100%;
  font-size:clamp(14px,1.4vw,18px);
  line-height:1.25;
  letter-spacing:-.025em;
  font-weight:900;
  color:#0a3828;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
html[data-page="mon-espace"][data-iw-plan] .free-topbar-plan {
  margin-left:3px;
  padding:7px 12px;
  font-size:10px;
  line-height:1.2;
  border-radius:999px;
}
html[data-page="mon-espace"][data-iw-plan] .free-premium-account {
  flex:0 0 auto;
  gap:10px;
}
html[data-page="mon-espace"][data-iw-plan] .free-premium-account .iw-r3-account-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:42px;
  padding:9px 16px;
  border:1px solid #cfe4d8;
  border-radius:13px;
  background:#f4faf6;
  box-shadow:none;
  color:#0a6742;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease;
}
html[data-page="mon-espace"][data-iw-plan] .iw-r3-account-link:hover {
  background:#e7f5ec;
  border-color:#9fcfb3;
}
html[data-page="mon-espace"][data-iw-plan] .iw-r3-account-link:focus-visible {
  outline:3px solid #93d5b0;
  outline-offset:3px;
}
@media(max-width:880px){
  html[data-page="mon-espace"][data-iw-plan] .free-premium-topbar {padding-inline:14px;min-height:66px}
  html[data-page="mon-espace"][data-iw-plan] .iw-r3-site-identity {max-width:39vw}
}
@media(max-width:600px){
  html[data-page="mon-espace"][data-iw-plan] .free-premium-topbar {gap:8px;padding:0 12px;min-height:68px}
  html[data-page="mon-espace"][data-iw-plan] .free-premium-project {gap:7px}
  html[data-page="mon-espace"][data-iw-plan] .free-premium-project-icon {display:none}
  html[data-page="mon-espace"][data-iw-plan] .iw-r3-site-identity {max-width:calc(100vw - 225px)}
  html[data-page="mon-espace"][data-iw-plan] #freeShellProjectName {font-size:14px;max-width:100%}
  html[data-page="mon-espace"][data-iw-plan] .free-topbar-plan {font-size:9px;padding:6px 8px;max-width:94px;white-space:normal;text-align:center;line-height:1.15}
  html[data-page="mon-espace"][data-iw-plan] .free-premium-account .iw-r3-account-link {min-height:42px;padding:8px 10px;gap:5px;font-size:11px}
  html[data-page="mon-espace"][data-iw-plan] .iw-r3-account-link span:first-child {display:none}
  html[data-page="mon-espace"][data-iw-plan] .iw-r3-account-link:before {content:'Mes sites';font-size:11px}
}
@media(max-width:360px){
  html[data-page="mon-espace"][data-iw-plan] .free-topbar-plan {display:none}
  html[data-page="mon-espace"][data-iw-plan] .iw-r3-site-identity {max-width:calc(100vw - 125px)}
}
@media(prefers-reduced-motion:reduce){
  html[data-page="mon-espace"][data-iw-plan] .iw-r3-account-link {transition:none}
}
