/* Payment colors stay distinct from general informational/warning messages. */
.payment-unpaid,.payment-partial{--payment-color:#b45309;--payment-soft:#fff3e5}
.payment-overdue{--payment-color:#b42318;--payment-soft:#feeceb}
.payment-paid{--payment-color:#15803d;--payment-soft:#e9f8f0}
.payment-draft,.payment-cancelled{--payment-color:#64748b;--payment-soft:#f0f3f7}
.badge[class*="payment-"]{background:var(--payment-soft);color:var(--payment-color)}
.text-overdue{color:#b42318!important}
.sales-overdue{background:#fff7f6}
.record-document{position:relative}
.status-ribbon{position:absolute;right:0;top:18px;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:144px;max-width:210px;min-height:34px;padding:8px 20px 8px 26px;background:var(--payment-color,#64748b);color:white;font-size:12px;font-weight:650;line-height:1.5;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%)}
.record-document:has(>.status-ribbon) .invoice-parties>div:last-child{padding-top:34px}
@media(max-width:600px){
 .status-ribbon{top:16px;min-width:128px;max-width:160px;font-size:11px;padding:8px 14px 8px 22px}
 .record-document:has(>.status-ribbon) .invoice-parties>div:first-child{padding-right:148px;min-width:0;min-height:38px}
 .record-document:has(>.status-ribbon) .invoice-parties>div:last-child{padding-top:0}
}

.sale-record-document{position:relative;padding-top:64px}.public-invoice-summary>.eyebrow{padding-right:150px}.public-invoice-summary>h1{margin-top:26px}

.record-document .invoice-parties h2{overflow-wrap:anywhere}