/**
 * Team Budget Calculator — theme bridge for the Surveyed Sheet system.
 * Loaded only on Pricing (and calculator template). Does not edit the plugin.
 */

.rm-calculator .tbc-calculator {
  --tbc-primary: var(--rm-ink-900, #0b0c0e);
  --tbc-accent: var(--rm-signal, #fb8500);
  --tbc-text: var(--rm-text, #101216);
  --tbc-bg: var(--rm-concrete, #f5f6f4);
  --tbc-success: #047857;
  --tbc-radius: 4px;
  --tbc-font: var(--rm-font-body, Satoshi, system-ui, sans-serif);
  --tbc-muted: var(--rm-text-muted, #545a62);
  --tbc-faint: rgba(16, 18, 22, 0.08);
  --tbc-border: var(--rm-rule, rgba(16, 18, 22, 0.13));
  --tbc-surface: var(--rm-surface, #ffffff);
  --tbc-zebra: color-mix(in srgb, var(--rm-signal, #fb8500) 8%, transparent);
  --tbc-ease: var(--rm-ease-expo, cubic-bezier(0.16, 1, 0.3, 1));
}

.rm-calculator .tbc-calculator,
.rm-calculator .tbc-calculator button,
.rm-calculator .tbc-calculator input,
.rm-calculator .tbc-calculator select,
.rm-calculator .tbc-calculator textarea {
  font-family: var(--tbc-font);
}

/* Measured money stays mono. */
.rm-calculator .tbc-calculator [class*="price"],
.rm-calculator .tbc-calculator [class*="total"],
.rm-calculator .tbc-calculator [class*="money"],
.rm-calculator .tbc-calculator [class*="cost"],
.rm-calculator .tbc-calculator [class*="save"],
.rm-calculator .tbc-calculator [class*="amount"] {
  font-family: var(--rm-font-mono, "Geist Mono", ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
}

.rm-calculator .tbc-layout {
  gap: clamp(1rem, 2vw, 1.5rem);
}

/* Soften plugin’s 16px habit toward plates. */
.rm-calculator .tbc-calculator .tbc-role,
.rm-calculator .tbc-calculator .tbc-summary,
.rm-calculator .tbc-calculator .tbc-card,
.rm-calculator .tbc-calculator [class*="panel"],
.rm-calculator .tbc-calculator [class*="card"] {
  border-radius: var(--tbc-radius);
}

.rm-calculator .tbc-calculator button,
.rm-calculator .tbc-calculator .tbc-btn,
.rm-calculator .tbc-calculator [class*="button"] {
  border-radius: 999px;
}
