/* quotes.css — Wave G1 "quotes depth" styles for the document detail rail card (owner-side
   accept/decline + extend expiry) and the expired-quote banner. Scoped to .quote-* classes so it
   touches nothing else. Reuses the app tokens (--line/--muted/--radius) and the existing
   .rail-card / .pay-form / .btn / .st-pill component styles; only the quote-specific spacing lives
   here. Loaded via `@import 'quotes.css';` at the top of public/brand/aboo.css (integrator adds it).
   No inline styles anywhere (CLAUDE.md golden rule 3). */

/* The owner-action group under the customer-response pill — a tidy stack of full-width buttons and
   the inline decline / extend forms, fenced off from the state rows above with a hairline. */
.quote-card .quote-actions{
  display:flex; flex-direction:column; gap:8px;
  margin-top:10px; padding-top:10px; border-top:1px solid var(--line);
}

/* The declined reason echoed back under the pill. */
.quote-card .quote-reason{ margin:-2px 0 4px; font-style:italic; }

/* An inline decline / extend form inside the card sits flush with the action buttons. */
.quote-card .quote-form{ margin:2px 0 0; }

/* The +14 / +30 quick-extend row beside the date picker. */
.quote-card .quote-extend-quick{ display:flex; gap:8px; margin:8px 0 2px; }
.quote-card .quote-extend-quick .btn{ flex:1; }

/* The expired-quote banner keeps its warn styling (aboo .doc-banner-warn) and lays the extend
   button out on the right via the shared .jrn-spacer, matching the void/cancel confirm banner. */
.quote-expired-banner{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }