/* Keep the settings sheet's middle region as a real scroll container. The
   card is a column layout so the header/footer stay fixed while preferences
   scroll, and the scrollbar remains visible against the glass surface. */
body.profile-page .profile-settings-dialog.kalimera-responsive-overlay > .profile-avatar-dialog-card.kalimera-overlay-surface{
  display:flex!important;
  flex-direction:column!important;
  min-block-size:0!important;
  max-block-size:calc(var(--overlay-viewport-height,100dvh) - 24px)!important;
}
body.profile-page .profile-settings-dialog .profile-settings-scroll{
  flex:1 1 auto!important;
  min-block-size:0!important;
  max-block-size:none!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.5) rgba(255,255,255,.1)!important;
}
body.profile-page .profile-settings-dialog .profile-settings-scroll::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}
body.profile-page .profile-settings-dialog .profile-settings-scroll::-webkit-scrollbar-track{
  background:rgba(255,255,255,.1)!important;
  border-radius:999px!important;
}
body.profile-page .profile-settings-dialog .profile-settings-scroll::-webkit-scrollbar-thumb{
  min-height:32px!important;
  background:rgba(255,255,255,.5)!important;
  border:2px solid transparent!important;
  border-radius:999px!important;
  background-clip:padding-box!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important;
}
body.profile-page .profile-settings-dialog .profile-settings-scroll::-webkit-scrollbar-thumb:is(:hover,:active){
  background:#efaa5a!important;
  background-clip:padding-box!important;
}

@media(max-width:700px){
  body.profile-page .profile-settings-dialog.kalimera-responsive-overlay > .profile-avatar-dialog-card.kalimera-overlay-surface{
    max-block-size:calc(var(--overlay-viewport-height,100dvh) - 24px)!important;
  }
}