/* Le bouton profil en haut à droite devient un burger ouvrant Mon espace. */
#profileButton.settings-burger-button{
  width:38px;
  height:38px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  color:var(--ink);
  padding:0;
  display:grid;
  place-items:center;
  box-shadow:0 4px 13px rgba(50,30,38,.045);
}
#profileButton.settings-burger-button .avatar{display:none!important}
.settings-burger-lines{width:17px;display:grid;gap:4px}
.settings-burger-lines span{display:block;height:2px;border-radius:99px;background:currentColor}
.settings-burger-lines span:nth-child(2){width:12px;justify-self:end}
#profileButton.settings-burger-button:active{transform:scale(.96)}

/* Tiroir de configuration plus dense, sans perdre la lisibilité. */
#settingsDialog.settings-drawer{
  position:fixed;
  inset:0 0 0 auto;
  width:min(84vw,330px);
  height:100dvh;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  border-left:1px solid var(--line);
  border-radius:18px 0 0 18px;
  background:var(--surface);
  color:var(--ink);
  box-shadow:-18px 0 52px rgba(35,20,29,.18);
  overflow:hidden;
  animation:settings-drawer-in .18s cubic-bezier(.2,.8,.2,1);
}
#settingsDialog.settings-drawer::backdrop{
  background:rgba(20,12,17,.30);
  backdrop-filter:blur(2px);
}
@keyframes settings-drawer-in{from{transform:translateX(16px);opacity:.68}to{transform:none;opacity:1}}

#settingsDialog.settings-drawer>.sheet-head{
  position:sticky;
  top:0;
  z-index:2;
  margin:0;
  padding:11px 11px 9px;
  min-height:53px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:color-mix(in srgb,var(--surface) 93%,transparent);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
#settingsDialog.settings-drawer>.sheet-head h2{margin:0;font-size:1rem;letter-spacing:-.02em}
#settingsDialog.settings-drawer>.sheet-head .icon-button{
  width:32px;height:32px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:1.12rem
}
#settingsDialog.settings-drawer #settingsContent{
  height:calc(100dvh - 53px);
  overflow-y:auto;
  padding:8px 8px calc(17px + var(--safe-bottom));
  display:grid;
  align-content:start;
  gap:6px;
}

#settingsDialog.settings-drawer .setting-group{
  margin:0;
  padding:8px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--surface-2);
  box-shadow:none;
}
#settingsDialog.settings-drawer .setting-group h3{
  margin:0 0 5px;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:.81rem;
  letter-spacing:-.01em;
}
#settingsDialog.settings-drawer .setting-group h3[data-settings-icon]::before{
  content:attr(data-settings-icon);
  width:24px;
  height:24px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--wine) 8%,var(--surface));
  font-size:.75rem;
  flex:0 0 auto;
}
#settingsDialog.settings-drawer .setting-group p{margin:4px 0;font-size:.68rem;line-height:1.3}
#settingsDialog.settings-drawer .setting-group .card-meta{font-size:.63rem;color:var(--muted)}

/* Les actions restent de vraies cibles tactiles mais prennent moins de hauteur. */
#settingsDialog.settings-drawer .setting-group>.secondary.full,
#settingsDialog.settings-drawer .setting-group>.danger-button.full,
#settingsDialog.settings-drawer .setting-group>[data-open-pin]{
  position:relative;
  min-height:38px;
  margin-top:4px;
  padding:7px 27px 7px 32px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  color:var(--ink);
  text-align:left;
  font-size:.72rem;
  font-weight:800;
  box-shadow:none;
}
#settingsDialog.settings-drawer .setting-group>.danger-button.full{color:var(--danger);background:color-mix(in srgb,var(--danger-soft) 55%,var(--surface))}
#settingsDialog.settings-drawer [data-settings-action-icon]::before{
  content:attr(data-settings-action-icon);
  position:absolute;
  left:8px;
  top:50%;
  transform:translateY(-50%);
  width:17px;
  text-align:center;
  font-size:.76rem;
}
#settingsDialog.settings-drawer [data-settings-action-icon]::after{
  content:'›';
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-52%);
  color:var(--muted);
  font-size:.94rem;
}

#settingsDialog.settings-drawer .field{gap:4px;font-size:.67rem}
#settingsDialog.settings-drawer input,
#settingsDialog.settings-drawer select,
#settingsDialog.settings-drawer textarea{padding:8px 9px;border-radius:10px;font-size:.74rem}
#settingsDialog.settings-drawer .pin-form,
#settingsDialog.settings-drawer [data-applirh-form]{margin-top:6px;gap:6px}
#settingsDialog.settings-drawer .primary.full{min-height:38px;border-radius:10px;font-size:.72rem}
#settingsDialog.settings-drawer .app-version{margin:3px 3px 0;color:var(--muted);font-size:.61rem;text-align:center}

@media(max-width:420px){
  #settingsDialog.settings-drawer{width:min(88vw,325px);border-radius:16px 0 0 16px}
  #settingsDialog.settings-drawer #settingsContent{padding:7px 7px calc(15px + var(--safe-bottom));gap:5px}
  #settingsDialog.settings-drawer .setting-group{padding:7px}
}