/* ── Icons ─────────────────────────────────────────────────── */
.ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: inherit;
}

.ico svg { width: var(--ico-md); height: var(--ico-md); }
.net-stat .ico svg { width: var(--ico-sm); height: var(--ico-sm); }
.filter-tab .ico svg { width: var(--ico-xs); height: var(--ico-xs); }
.s-row-lbl .ico svg { width: var(--ico-sm); height: var(--ico-sm); }
.s-name-search-ico svg { width: var(--ico-sm); height: var(--ico-sm); }
.logo-mark svg { width: var(--ico-lg); height: var(--ico-lg); }
.clear-btn svg { width: var(--ico-md); height: var(--ico-md); }

.num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums lining-nums;
  font-style: normal;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.btn-press {
  transition: transform .14s var(--ease), box-shadow .14s var(--ease), background .14s var(--ease), opacity .14s var(--ease);
}

@media (hover: hover) {
  .btn-press:hover:not(:disabled) {
    transform: translateY(-1px);
  }
}

.btn-press:active:not(:disabled) {
  transform: translateY(0) scale(0.97);
}