/* FortiGate Inventory Design System V3 - icon consistency */
.fi-icon,
.sidebar .ds-nav-link i,
.ds-card-header i,
.ds-button i,
.ds-input-group-text i {
  width: 1.1em;
  min-width: 1.1em;
  text-align: center;
  opacity: .92;
}

.sidebar .ds-nav-link i {
  margin-right: .45rem;
  color: rgba(226, 232, 240, .78);
}

.sidebar .ds-nav-item.active .ds-nav-link i,
.sidebar .ds-nav-link:hover i { color: #fff; }

.fi-icon-box {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: var(--fi-radius-lg);
  background: rgba(15, 95, 217, .10);
  color: var(--fi-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fi-icon-box.is-danger { background: rgba(239, 68, 68, .12); color: var(--fi-danger); }
.fi-icon-box.is-warning { background: rgba(245, 158, 11, .14); color: var(--fi-warning); }
.fi-icon-box.is-success { background: rgba(16, 185, 129, .12); color: var(--fi-success); }
.fi-icon-box.is-info { background: rgba(6, 182, 212, .12); color: var(--fi-info); }

body.app-dark-mode .fi-icon-box { background: rgba(59, 130, 246, .16); }