/* profit-margin-calculator.css v2-r2 — tool-specific styles only */

/* Mode toggle */
.mode-toggle {
  display: inline-flex;
  border: 1px solid var(--border);
  margin-bottom: 0.9rem;
}

.mode-btn {
  font-size: 0.76rem;
  padding: 0.45rem 0.8rem;
  border: none;
  background: #f9fafb;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  cursor: pointer;
  border-right: 1px solid var(--border);
}

.mode-btn:last-child { border-right: none; }
.mode-btn.active { background: var(--accent); color: #fff; }

/* Four-result grid */
.results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

@media (max-width: 600px) {
  .results { grid-template-columns: 1fr; }
}

/* Profit-positive/negative colors */
.result-value.positive { color: #16a34a; }
.result-value.negative { color: #dc2626; }