/* AdCost Sync · Facturación (área de cliente) */
.acsb-kpis { grid-template-columns: repeat(3, 1fr); }
.acsb-kpis .is-alert dd { color: #B42318; }
.acsb-howto { background: var(--p-indigo, #2D214F); color: #fff; padding: 20px 24px; display: grid; gap: 10px; }
.acsb-howto h3 { color: #fff !important; margin: 0; font-size: 18px; }
.acsb-howto dl { margin: 0; display: flex; flex-wrap: wrap; gap: 8px 36px; }
.acsb-howto dt { font-size: 13px; color: #C9B6F2; }
.acsb-howto dd { margin: 0; font: 600 18px/1.3 var(--p-display, inherit); }
.acsb-iban { letter-spacing: .06em; user-select: all; }
.acsb-howto p { margin: 0; font-size: 14px; color: #D9D3EA; }
.acsb-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.acsb-doc { background: #fff; border: 1px solid var(--p-line, #e2e0e8); padding: 16px 20px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 8px 20px; align-items: center; }
.acsb-doc--vencida { border-color: #F3B4AE; box-shadow: inset 4px 0 0 #D92D20; }
.acsb-doc__main { display: grid; gap: 2px; min-width: 0; }
.acsb-doc__type { font: 600 12px/1 var(--p-display, inherit); letter-spacing: .1em; text-transform: uppercase; color: var(--p-violet, #623FA2); }
.acsb-doc__num { font: 600 18px/1.3 var(--p-display, inherit); color: var(--p-indigo, #2D214F); }
.acsb-doc__meta { font-size: 13px; color: #6B6A72; }
.acsb-doc__amount { font: 600 20px/1 var(--p-display, inherit); color: var(--p-indigo, #2D214F); white-space: nowrap; }
.acsb-status { display: inline-block; padding: 6px 10px; font: 600 13px/1 var(--p-display, inherit); white-space: nowrap; }
.acsb-status--pendiente { background: #E7E0F7; color: #2D214F; }
.acsb-status--vencida { background: #D92D20; color: #fff; }
.acsb-status--comunicado { background: #FFF1B8; color: #5C4400; }
.acsb-status--pagada, .acsb-status--emitida { background: #DDF5E6; color: #1F5B34; }
.acsb-status--anulada { background: #F0F0F1; color: #6B6A72; text-decoration: line-through; }
.acsb-pay { grid-column: 1 / -1; }
.acsb-pay summary { list-style: none; cursor: pointer; display: inline-flex; }
.acsb-pay summary::-webkit-details-marker { display: none; }
.acsb-pay[open] summary { margin-bottom: 12px; }
.acsb-pay .acsp-form { background: var(--p-mist, #F5F4F4); padding: 16px; max-width: 560px; }
.acsb-doc__info { grid-column: 1 / -1; margin: 0; font-size: 14px; color: #5C4400; }
@media (max-width: 760px) {
	.acsb-kpis { grid-template-columns: 1fr; }
	.acsb-doc { grid-template-columns: 1fr auto; }
	.acsb-doc__actions { grid-column: 1 / -1; }
}