/* Buttons & chips — gold terminal */

.gold-btn,
.fd-btn-primary {
  background: var(--fd-accent-gradient);
  color: var(--fd-on-accent);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.01em;
  padding: 8px 14px;
  border-radius: var(--fd-radius-md);
  border: none;
  cursor: pointer;
  box-shadow: 0 1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 8px -2px rgba(201,162,39,0.4);
  transition: filter 0.15s, box-shadow 0.15s, transform 0.1s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}
.gold-btn:hover,
.fd-btn-primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 1px 0 0 rgba(255,255,255,0.25) inset, 0 4px 12px -2px rgba(201,162,39,0.5);
}
.gold-btn:active,
.fd-btn-primary:active {
  transform: translateY(0.5px);
}

.fd-btn-secondary {
  background: transparent;
  color: var(--fd-text-soft);
  font-weight: 500;
  font-size: 12px;
  padding: 7px 12px;
  border-radius: var(--fd-radius-md);
  border: 1px solid var(--fd-border-strong);
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.fd-btn-secondary:hover {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.14);
  color: var(--fd-text);
}

.fd-btn-ghost {
  background: transparent;
  color: var(--fd-text-dim);
  font-weight: 500;
  font-size: 12px;
  padding: 6px 10px;
  border: none;
  border-radius: var(--fd-radius-sm);
  cursor: pointer;
}
.fd-btn-ghost:hover {
  color: var(--fd-text);
  background: rgba(255,255,255,0.04);
}

/* Chips / pills (filters) */
.fd-chip,
.ui-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: var(--fd-radius-pill);
  border: 1px solid var(--fd-border-strong);
  background: transparent;
  color: var(--fd-text-dim);
  cursor: pointer;
  transition: all 0.15s;
}
.fd-chip:hover,
.ui-chip:hover {
  border-color: rgba(255,255,255,0.15);
  color: var(--fd-text);
}
.fd-chip.active,
.ui-chip.active,
.fd-chip.selected,
.ui-chip.selected {
  background: var(--fd-accent-soft);
  border-color: rgba(201,162,39,0.35);
  color: var(--fd-accent-bright);
  text-transform: uppercase;
}