/* Hard Déco — V2-RC1.5.58 : fiche document Avoir. */
.credit-note-page .invoice-page-accent { background: #ef4444; }
.credit-note-page .invoice-page-status { color: #b45309; background: color-mix(in srgb, #f59e0b 14%, var(--surface, #fff)); }
.credit-note-origin { border: 0; padding: 0; background: transparent; color: var(--accent); font: inherit; font-weight: 700; cursor: pointer; text-align: left; }
.credit-note-grid { align-items: start; }
.credit-note-page .invoice-page-kpis > div.is-refund strong { color: #b45309; }
.credit-note-origin-card { width: 100%; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; padding: 16px; border: 1px solid var(--border, #e5e7eb); border-radius: 14px; background: var(--surface-soft, #f8fafc); color: inherit; text-align: left; cursor: pointer; }
.credit-note-origin-card > span:first-child { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); }
.credit-note-origin-card strong,.credit-note-origin-card small { display: block; }
.credit-note-origin-card small { margin-top: 3px; color: var(--muted, #64748b); }
.credit-note-mail textarea { min-height: 150px; resize: vertical; }
.credit-note-page .invoice-page-relations > span { display: inline-flex; align-items: center; gap: 7px; color: var(--muted, #64748b); }
.credit-note-page .invoice-page-relations svg { width: 16px; height: 16px; }
.invoice-page-transaction.is-actionable { cursor: pointer; border-radius: 10px; padding-inline: 8px; transition: background .15s ease; }
.invoice-page-transaction.is-actionable:hover,.invoice-page-transaction.is-actionable:focus-visible { background: color-mix(in srgb, var(--accent) 8%, transparent); outline: none; }
.invoice-page-transaction.is-actionable > svg { width: 17px; height: 17px; color: var(--muted, #64748b); }
@media (max-width: 700px) {
  .credit-note-toolbar .actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .credit-note-toolbar .actions > * { justify-content: center; }
  .credit-note-page .invoice-page-hero-meta { grid-template-columns: 1fr 1fr; }
}