/* Dark theme for deal detail page — scoped to .deal-page wrapper */
/*
 * Entry point. This file defines the CSS custom properties and base
 * .deal-page rules that all deal_page_*.css splits depend on. Propshaft
 * picks up every stylesheet in this directory via stylesheet_link_tag :app.
 *
 * Companion files (load automatically via Propshaft):
 *   deal_page_header.css         — deal header card, title, meta, links
 *   deal_page_invoice_card.css   — invoice card shell, card header, dates, bq-id
 *   deal_page_badges.css         — status/type badges
 *   deal_page_buttons.css        — invoice-btn-* button styles
 *   deal_page_documents.css      — documents bar + document chips
 *   deal_page_stub.css           — awaiting-documents stub invoice styles
 *   deal_page_table.css          — invoice table (pre-existing)
 *   deal_page_modals.css         — overlay + modals (pre-existing)
 *   deal_page_reconciliation.css — reconciliation modal (pre-existing)
 */

/* Remove number input spinners */
.deal-page input[type="number"]::-webkit-inner-spin-button,
.deal-page input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.deal-page input[type="number"] {
  -moz-appearance: textfield;
}

.deal-page {
  --bg: #07090f;
  --surface: #0c0f16;
  --panel: #10141c;
  --panel2: #141820;
  --border: rgba(255, 255, 255, 0.07);
  --border2: rgba(255, 255, 255, 0.04);
  --accent: #4f6ef7;
  --green: #22d3a5;
  --amber: #f5a623;
  --red: #e84040;
  --text: #dde0ea;
  --sub: #aeb6c7;
  --muted: #6f788a;
  --mono: "DM Mono", monospace;

  background: var(--bg);
  color: var(--text);
  font-family: "Space Grotesk", sans-serif;
  padding: 24px;
  max-width: 100%;
  min-height: 100vh;
}

/* --- NOC Alert Bar --- */
.deal-page .noc-alert-bar {
  background: rgba(232, 64, 64, 0.12);
  border: 1px solid rgba(232, 64, 64, 0.3);
  border-radius: 8px;
  padding: 12px 24px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: var(--red);
}