/* Font Awesome — nav, düymə və boş vəziyyət ikonları */
.nav-icon i,
.topbar-btn i,
.qa-icon i,
.stat-icon i,
.fc-icon i,
.sf-icon i,
.step-icon i,
.fi-icon i,
.trusted-logo i,
.search-bar-icon i,
.data-card-title i,
.form-input-icon i,
.af-icon i,
.upload-zone-icon i,
.modal-close i {
  font-size: inherit;
  line-height: 1;
}
.nav-icon {
  width: 22px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.nav-icon i { font-size: 17px; opacity: 0.92; }
.menu-toggle i { font-size: 18px; }
.topbar-btn { display: inline-flex; align-items: center; justify-content: center; }
.topbar-btn i { font-size: 18px; color: var(--muted, #64748B); }
.qa-icon {
  width: 40px; height: 40px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(79,70,229,.1); color: var(--primary, #4F46E5);
}
.qa-icon i { font-size: 18px; }
.stat-icon {
  display: flex; align-items: center; justify-content: center;
}
.stat-icon i,
.fc-icon i { font-size: 22px; line-height: 1; }
.app-notif-btn { display: flex; align-items: center; justify-content: center; font-size: 11px; color: rgba(255,255,255,.85); }
.app-tx-icon { display: flex; align-items: center; justify-content: center; font-size: 10px; color: inherit; }
.app-tx-icon i { font-size: 10px; opacity: 0.9; }
.sf-icon {
  width: 48px; height: 48px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(79,70,229,.1); color: var(--primary, #4F46E5);
}
.sf-icon i { font-size: 22px; }
.step-icon {
  width: 56px; height: 56px; border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, rgba(79,70,229,.15), rgba(124,58,237,.12));
  color: var(--primary, #4F46E5);
}
.step-icon i { font-size: 26px; }
.fi-icon {
  width: 48px; height: 48px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
}
.trusted-logo i { margin-right: 6px; opacity: 0.9; }
.search-bar-icon {
  display: flex; align-items: center; color: var(--ghost, #94A3B8);
}
.search-bar-icon i { font-size: 16px; }
.empty-icon {
  display: flex !important; align-items: center; justify-content: center;
  width: 48px; height: 48px; margin: 0 auto 12px;
  border-radius: 14px; background: var(--bg, #F1F5F9); color: var(--ghost, #94A3B8);
}
.empty-icon i { font-size: 22px; }
.cat-btn .cat-icon {
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 6px; font-size: 22px; color: var(--muted, #64748B);
}
.cat-btn.active .cat-icon { color: var(--primary, #4F46E5); }
.form-input-icon { display: inline-flex; align-items: center; justify-content: center; }
.form-input-icon i { font-size: 16px; opacity: 0.75; }
.af-icon {
  width: 40px; height: 40px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.2); font-size: 18px;
}
.upload-zone-icon { display: flex; justify-content: center; }
.upload-zone-icon i { font-size: 28px; opacity: 0.6; }
.notif-icon { display: flex !important; align-items: center; justify-content: center; }
.notif-icon i { font-size: 18px; }
.badge i { margin-right: 4px; font-size: 11px; }
.toast i { margin-right: 8px; }

.section-badge { display: inline-flex; align-items: center; gap: 8px; }
.section-badge i { font-size: 14px; opacity: 0.9; }
.hero-badge { display: inline-flex; align-items: center; gap: 8px; }
.btn i { font-size: 0.95em; }