/* Mon espace — unobtrusive entry integrated into Iris without changing the mandorla layout. */
.palette-mode .header-actions .client-space-link{
  width:auto!important;
  min-width:0;
  min-height:36px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid var(--line);
  border-radius:3px;
  background:color-mix(in srgb,var(--color) 83%,white 17%);
  color:var(--ink);
  text-decoration:none;
  font:600 11px/1.2 'DM Sans',Arial,sans-serif;
  white-space:nowrap;
  opacity:1;
  transition:background-color .15s ease;
}
.palette-mode .header-actions .client-space-link:hover,
.palette-mode .header-actions .client-space-link:focus-visible{
  background:color-mix(in srgb,var(--color) 68%,white 32%);
  border-color:currentColor;
}
.client-space-link svg{display:block;width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1049px){
  .palette-mode .header-actions .client-space-link{
    width:35px!important;min-width:35px;height:38px;min-height:38px;
    border:0;padding:6px 0;background:none;border-radius:0;
  }
  .palette-mode .header-actions .client-space-link .client-space-label{display:none}
  .palette-mode .header-actions .client-space-link svg{width:21px;height:21px}
}
@media(max-width:720px){
  .palette-mode .header-actions .client-space-link{width:31px!important;min-width:31px}
  .palette-mode .header-actions{gap:2px}
}
@media(prefers-reduced-motion:reduce){.client-space-link{transition:none!important}}