.ppb-public { max-width: 920px; margin: 32px auto; color: #172033; font-family: inherit; }
.ppb-public header { align-items: center; border-bottom: 1px solid #e5e7eb; display: flex; justify-content: space-between; margin-bottom: 18px; padding-bottom: 14px; }
.ppb-public table { border-collapse: collapse; margin: 18px 0 26px; width: 100%; }
.ppb-public th, .ppb-public td { border-bottom: 1px solid #e5e7eb; padding: 12px; text-align: left; vertical-align: top; }
.ppb-public tfoot th, .ppb-public tfoot td { border-bottom: 0; }
.ppb-button { background: #0f172a; border-radius: 6px; color: #fff; display: inline-block; font-weight: 700; padding: 12px 18px; text-decoration: none; }
.ppb-button:hover { color: #fff; opacity: .92; }
.ppb-status { border-radius: 999px; display: inline-block; font-size: 12px; font-weight: 700; padding: 5px 10px; text-transform: uppercase; }
.ppb-status-paid { background: #dcfce7; color: #166534; }
.ppb-status-pending, .ppb-status-sent, .ppb-status-draft { background: #fef3c7; color: #92400e; }
.ppb-status-failed, .ppb-status-canceled { background: #fee2e2; color: #991b1b; }
.ppb-paid { background: #dcfce7; border-radius: 6px; color: #166534; padding: 12px; }
@media (max-width: 720px) {
    .ppb-public { margin: 20px 0; }
    .ppb-public table { display: block; overflow-x: auto; }
}