.billing-notice { border-left: 2px solid #a3a6db; padding: 12px 16px; background: #f5f4fa; color: #45434d; }
.billing-summary { padding: 18px 0; border-bottom: 1px solid #d2cff0; margin-bottom: 18px; line-height: 1.8; }
.billing-item { padding: 20px 0; border-bottom: 1px solid #d2cff0; min-width: 0; }
.billing-item h3 { font-size: 18px; font-weight: 400; overflow-wrap: anywhere; }
.billing-item p { overflow-wrap: anywhere; }
.billing-item .table-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.billing-state { font-size: 12px; padding: 5px 8px; border-radius: 4px; }
.billing-item .panel-toolbar > label { display: grid; gap: 6px; min-width: 165px; font-size: 13px; }
.billing-item select.billing-state { min-width: 165px; min-height: 44px; padding: 8px 12px; font-size: 14px; border: 1px solid #a3a6db; appearance: auto; }
.billing-state-pending { background: #fff0cf; color: #654b18; }
.billing-state-paid { background: #dfefe6; color: #244b35; }
.billing-state-cancelled { background: #eeeef1; color: #55545c; }
[data-theme="dark"] .billing-notice { background: #29262f; color: #eeedf2; }
@media (max-width: 600px) { .billing-item .panel-toolbar { align-items: flex-start; gap: 10px; } }