/* DEVNOOD macOS UI v21 - loader branding + app settings titlebar alignment */

/* Use branding images cleanly in loader and header icon slots */
body .loading-logo.has-image,
body .brand-hero-icon.brand-image{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
body .loading-logo.has-image img,
body .brand-hero-icon.brand-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

body.macos-ui #appSettingsModal .app-settings-title-icon{
  overflow:hidden!important;
}
body.macos-ui #appSettingsModal .app-settings-title-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Tighten macOS traffic-light alignment on the app settings window. */
body.macos-ui #appSettingsModal .macos-titlebar{
  padding-left:80px!important;
  padding-right:54px!important;
  min-height:60px!important;
}
body.macos-ui #appSettingsModal .macos-titlebar > .macos-window-controls{
  left:12px!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
}
body.macos-ui #appSettingsModal .macos-titlebar > .macos-window-controls span{
  width:10px!important;
  height:10px!important;
  flex-basis:10px!important;
}
body.macos-ui #appSettingsModal .macos-titlebar > .macos-title-content{
  min-width:0!important;
}
body.macos-ui #appSettingsModal .macos-title-content > .app-settings-title{
  gap:.7rem!important;
}
body.macos-ui #appSettingsModal .macos-titlebar > .macos-close,
body.macos-ui #appSettingsModal .app-settings-close{
  margin-right:0!important;
}

@media (max-width: 740px){
  body.macos-ui #appSettingsModal .macos-titlebar{
    padding-left:74px!important;
    padding-right:50px!important;
    min-height:58px!important;
  }
  body.macos-ui #appSettingsModal .macos-titlebar > .macos-window-controls{
    left:10px!important;
    gap:5px!important;
  }
  body.macos-ui #appSettingsModal .macos-titlebar > .macos-window-controls span{
    width:9px!important;
    height:9px!important;
    flex-basis:9px!important;
  }
  body.macos-ui #appSettingsModal .app-settings-title-icon{
    width:2.15rem!important;
    height:2.15rem!important;
    border-radius:.82rem!important;
  }
}