/* Sync IDs button */
.sync-ids-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px !important;
  border-radius: 8px !important;
  font: 600 11px/1 inherit !important;
  letter-spacing: 0.02em;
  border: 1px solid rgba(167, 139, 250, 0.25) !important;
  background: rgba(167, 139, 250, 0.06) !important;
  color: #a78bfa !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.sync-ids-btn:hover {
  background: rgba(167, 139, 250, 0.14) !important;
  border-color: rgba(167, 139, 250, 0.4) !important;
  color: #c4b5fd !important;
}

.sync-ids-btn [data-lucide] {
  width: 13px;
  height: 13px;
}

@media (max-width: 980px) {
  .rule-table {
    --rule-table-columns: minmax(170px, 1fr) minmax(112px, 0.72fr) 60px minmax(112px, 0.72fr) 112px;
  }

  .rule-table-head,
  .rule-row {
    grid-template-columns: var(--rule-table-columns);
  }
}