/* IndieDevTool — Influencer Fee Calculator (toggles + number input; rest reuses calculator.css) */
.if-row { display: flex; gap: 10px; align-items: stretch; flex-wrap: wrap; }
.if-row input[type="number"] {
  flex: 1 1 auto; min-width: 0;
  padding: 10px 12px; font-size: 1rem;
  background: var(--bg-0); border: 1px solid var(--border-2);
  border-radius: var(--r-md); color: var(--text-0); font-family: var(--font-mono);
}
.if-row input[type="number"]:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-glow); }
.if-toggle { display: inline-flex; border: 1px solid var(--border-2); border-radius: var(--r-md); overflow: hidden; flex: 0 0 auto; }
.if-seg {
  padding: 8px 14px; font-size: 0.86rem; font-weight: 600;
  background: var(--bg-2); color: var(--text-2); border: none; cursor: pointer;
  font-family: var(--font-sans); transition: background .15s ease, color .15s ease;
}
.if-seg + .if-seg { border-left: 1px solid var(--border-2); }
.if-seg-active { background: var(--accent); color: #0a0d12; }