/* Local SVG icon system — no external CDN dependencies */

.icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  fill: currentColor;
  vertical-align: -0.125em;
}

.icon use {
  fill: inherit;
}

.card-icon .icon {
  width: 1.125em;
  height: 1.125em;
}

.nav-icon .icon {
  width: 1.25em;
  height: 1.25em;
}

.placeholder-icon .icon {
  width: 3em;
  height: 3em;
}

.icon--status {
  color: var(--success);
}

.nav-item--active .icon {
  color: inherit;
}

.action-btn__icon {
  width: 1.125em;
  height: 1.125em;
}

.app-header-refresh__icon {
  width: 1em;
  height: 1em;
}

.screen-state__icon .icon {
  width: 2.5em;
  height: 2.5em;
  opacity: 0.72;
}

.screen-state--error .screen-state__icon .icon {
  color: var(--danger);
}

.screen-state--empty .screen-state__icon .icon {
  color: var(--text-muted);
}