/* The same financial-card geometry in staff Chat and Customer Workspace. */
:is(.thread,.job-chat-messages) .wr-billing-card {
  position: relative; box-sizing: border-box; width: min(520px,100%); min-width: 0;
  margin: 0; padding: 0; justify-self: start; overflow: hidden; text-align: left;
  border: 1px solid #cddfea; border-radius: 16px; background: #fff;
  box-shadow: 0 1px 3px #17375a07; color: #435e73;
  font-family: var(--wr-font,system-ui,sans-serif); font-size: 16px; line-height: 1.65;
}
:is(.thread,.job-chat-messages) .wr-billing-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg,#18815d,#85c7a7); }
:is(.thread,.job-chat-messages) .wr-billing-content { padding: 24px; }
:is(.thread,.job-chat-messages) .wr-billing-label { display: block; color: #526982; font-size: 14px; font-weight: 700; letter-spacing: .06em; line-height: 1.5; text-transform: uppercase; }
:is(.thread,.job-chat-messages) .wr-billing-amount { display: block; margin: 9px 0 10px; color: #116746; font-size: 32px; font-weight: 750; letter-spacing: -.04em; line-height: 1.2; overflow-wrap: anywhere; }
:is(.thread,.job-chat-messages) .wr-billing-status { display: block; margin: 12px 0; color: #116746; font-size: 16px; font-weight: 700; line-height: 1.5; }
:is(.thread,.job-chat-messages) .wr-billing-content p { margin: 10px 0 0; color: #435e73; font-size: 16px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
:is(.thread,.job-chat-messages) .wr-billing-content small { display: block; margin-top: 12px; color: #536a74; font-size: 14px; font-weight: 400; line-height: 1.55; }
:is(.thread,.job-chat-messages) .wr-billing-action { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; min-height: 54px; margin: 0; padding: 14px 20px; border: 0; border-top: 1px solid #d5e6f0; border-radius: 0; background: linear-gradient(120deg,#e9f5fe,#f2f8fc); color: #075f96; font: inherit; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: normal; text-align: center; text-decoration: none; box-shadow: inset 0 1px 0 #fff; cursor: pointer; transform: none; }
:is(.thread,.job-chat-messages) .wr-billing-action:focus-visible { outline: 3px solid #167cc1; outline-offset: -4px; }
@media (hover:hover) { :is(.thread,.job-chat-messages) .wr-billing-action:hover { background: #e0f0fb; color: #075681; } }
@media (max-width:560px) {
  :is(.thread,.job-chat-messages) .wr-billing-content { padding: 22px 20px; }
  :is(.thread,.job-chat-messages) .wr-billing-amount { font-size: 30px; }
}
@media (forced-colors:active) { :is(.thread,.job-chat-messages) .wr-billing-card,:is(.thread,.job-chat-messages) .wr-billing-action { border: 1px solid CanvasText; } }
@media print { :is(.thread,.job-chat-messages) .wr-billing-card { break-inside: avoid; box-shadow: none; } }
/* Shared disclosure for immutable versions of the same Invoice. */
.wr-invoice-history { padding:16px 20px;color:var(--text-primary,#173957); }
.wr-invoice-history summary { cursor:pointer;min-height:44px;line-height:1.5; }
.wr-invoice-history a { display:inline-block;min-height:44px;line-height:1.5; }