/*
 * severance-pay-calculator.css — per-tool styles.
 * Tokens only; no inline styles (CSP: style-src 'self').
 */

/* Years + months side by side. */
.input-row {
  display: flex;
  gap: var(--space-3);
}
.input-row .input-group {
  flex: 1 1 0;
  min-width: 0;
}

/* Single checkbox row — input sits inline with its label text. */
.checkbox-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
}
.checkbox-row input {
  flex: none;
  accent-color: var(--blue-600);
}

/* Highlighted note explaining why severance is zero or reduced. */
.sev-callout {
  margin-top: var(--space-4);
  padding: var(--space-3);
  border-radius: var(--radius-md, 8px);
  background: var(--amber-100, #fef3c7);
  color: var(--amber-700, #b45309);
}

/* Legal disclaimer below the results. */
.sev-disclaimer {
  margin-top: var(--space-4);
  font-style: italic;
}