.atrium-icon,
.v2-local-icon {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 auto;
  overflow: visible;
  color: currentColor;
  vertical-align: -0.16em;
  pointer-events: none;
}

.nav-icon .atrium-icon {
  width: 1.1875rem;
  height: 1.1875rem;
  vertical-align: middle;
}

.btn-svg.atrium-icon,
.button > .atrium-icon,
.icon-button > .atrium-icon,
.external-icon > .atrium-icon {
  width: 1.0625rem;
  height: 1.0625rem;
}

.icon-button > .atrium-icon,
.sidebar-collapse-btn > .atrium-icon {
  display: block;
  margin: auto;
}

.metric-icon > .atrium-icon,
.integration-logo > .atrium-icon,
.tour-icon-box > .atrium-icon {
  width: 1.375rem;
  height: 1.375rem;
}

.dropzone-icon > .atrium-icon {
  width: 2.25rem;
  height: 2.25rem;
}

.ai-spark-icon > .atrium-icon,
.message-avatar > .atrium-icon,
.prompts-banner-icon > .atrium-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.prompts-banner-icon > .atrium-icon {
  width: 2rem;
  height: 2rem;
}

html[data-ui="v2"] .nav-item .atrium-icon,
html[data-ui="v2"] .icon-button .atrium-icon,
html[data-ui="v2"] .button .atrium-icon {
  transition: color 160ms ease, transform 160ms ease;
}

html[data-ui="v2"] .nav-item.active .atrium-icon {
  color: currentColor;
}

html[data-ui="v2"] .sidebar.collapsed .nav-icon,
html[data-ui="v2"] .sidebar.collapsed .nav-icon .atrium-icon {
  margin-inline: auto;
}

@media (prefers-reduced-motion: reduce) {
  html[data-ui="v2"] .atrium-icon { transition-duration: 1ms !important; }
}