/* NGGT workspace compact shell: restore sane desktop sizing after legacy bundle overrides. */
html.nggt-compact-brand body:not(.iqbusiness-login-route),
body.nggt-compact-brand:not(.iqbusiness-login-route) {
  font-size: 14px !important;
  background: #f6f8fb !important;
}

body.nggt-compact-brand:not(.iqbusiness-login-route) #root {
  min-height: 100vh !important;
  overflow: hidden !important;
}

body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  padding: 12px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border-right: 1px solid #d9e2ec !important;
}

body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside nav,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside [role="navigation"] {
  display: grid !important;
  gap: 6px !important;
  max-height: calc(100vh - 210px) !important;
  overflow-y: auto !important;
  padding-right: 4px !important;
}

body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside a,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside button,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside nav a,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside nav button {
  min-height: 38px !important;
  height: auto !important;
  max-height: 46px !important;
  padding: 8px 10px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  gap: 8px !important;
}

body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside a *,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside button * {
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside svg,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside [class*="icon"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
}

body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside a:first-child,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside button:first-child,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside [class*="module"],
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside [class*="Module"] {
  min-height: 40px !important;
  max-height: 48px !important;
  padding: 9px 12px !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
}

body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside > div:last-child,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside footer,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside [class*="bottom"] {
  font-size: 12px !important;
  line-height: 1.25 !important;
  padding: 8px !important;
  gap: 8px !important;
  max-height: 150px !important;
  overflow: hidden !important;
}

body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside select,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside input,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside .workspace-pill,
body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside [class*="rounded-full"] {
  min-height: 30px !important;
  height: 30px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
}

body.nggt-compact-brand:not(.iqbusiness-login-route) #root main {
  min-width: 0 !important;
  overflow: auto !important;
}

@media (max-width: 900px) {
  body.nggt-compact-brand:not(.iqbusiness-login-route) #root aside {
    width: 244px !important;
    min-width: 244px !important;
    max-width: 244px !important;
  }
}
