/* FenBid custom CSS layer.
 * The bulk of styling is from Tailwind via CDN. This file holds:
 *   - small overrides Tailwind utility classes can't reach
 *   - print styles for the dealer cost sheet (used in Phase 1.1)
 *   - htmx swap visual feedback
 *
 * Brand palette is canonical in docs/design/brand_palette.md and
 * mirrored as Tailwind theme tokens in app/shared/templates/base.html.
 */

/* HTMX request indicator. Shows a faint progress bar at the top while
 * a request is in flight. Keeps the user oriented during recalc. */
.htmx-request #htmx-progress {
  background-color: #1F2328;
}

#htmx-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: transparent;
  transition: background-color 80ms linear;
  z-index: 50;
}

/* When the builder partial is being swapped, fade slightly so the user
 * sees that something is happening. */
.htmx-swapping {
  opacity: 0.6;
  transition: opacity 100ms ease-out;
}

/* Strip default browser styles from number inputs so they line up with
 * text inputs in the line item table. */
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Print styles. Phase 1.1 will lean on these for the dealer cost sheet
 * preview when printed from the browser. Phase 1.0 leaves them benign. */
@media print {
  header, footer, form button { display: none !important; }
  body { background: white !important; }
}