/* Service records are reference information; the property manager issues the bill. */
#section-billing{font:16px/1.6 var(--font-body);color:var(--dark)}
#section-billing>.page-header{height:auto;min-height:0;max-width:1256px;margin:auto;padding:44px 44px 12px;border:0;background:none}
#section-billing>.page-header h2{font:500 44px/1.15 var(--font-heading);letter-spacing:-.015em;text-transform:none;color:var(--dark)}
#section-billing .breadcrumb{font:500 12px/1.5 var(--font-body);letter-spacing:.1em;color:var(--resident-soft);margin-bottom:10px}
#section-billing .billing-page-subtitle{font:400 15px/1.6 var(--font-body);color:var(--resident-soft);margin-top:12px}
#section-billing>.page-content{max-width:1048px;margin:auto;padding:24px 44px 100px}
#section-billing #residentServiceCharges{max-width:none;padding:28px;border:1px solid var(--resident-line);border-radius:14px;background:var(--resident-paper);box-shadow:none}
#section-billing #serviceChargesHeading{font:500 30px/1.3 var(--font-heading);letter-spacing:0;text-transform:none;margin:0 0 16px}
#section-billing #servicePaymentInstructions{font:500 15px/1.7 var(--font-body);color:var(--dark);margin:14px 0;white-space:pre-line}
#section-billing #servicePaymentInstructions:empty{display:none}
#section-billing .billing-reference-note{font:400 14px/1.65 var(--font-body);color:var(--resident-soft);padding:14px 16px;background:#f1eee6;border-radius:8px;margin:0 0 26px}
#section-billing #serviceMonthlySummaries{margin:26px 0}
#section-billing #serviceMonthlySummaries:empty{display:none}
#section-billing #serviceMonthlySummaries>h4{font:500 24px/1.3 var(--font-heading);letter-spacing:0;text-transform:none;margin:0 0 16px}
#section-billing .service-month-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
#section-billing .service-month-card{padding:20px;border:1px solid var(--resident-line);border-radius:10px;background:#f5f3ed}
#section-billing .service-month-card h5{font:500 14px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--resident-soft);margin:0 0 6px}
#section-billing .service-month-total{font:500 29px/1.3 var(--font-heading);color:var(--dark)}
#section-billing .service-month-card p{font:400 12px/1.6 var(--font-body);color:var(--resident-soft);margin:10px 0 0}
#section-billing .service-charge-row{grid-template-columns:minmax(0,1fr) auto;padding:22px 0;gap:9px 16px;border-color:var(--resident-line)}
#section-billing .service-charge-row>h4{font:600 16px/1.5 var(--font-body);letter-spacing:0;text-transform:none;margin:0;overflow-wrap:anywhere}
#section-billing .service-charge-amount{font:600 17px/1.5 var(--font-body);white-space:nowrap}
#section-billing .service-charge-row .service-charge-meta{font:400 13px/1.6 var(--font-body);color:var(--resident-soft);margin:0}
#section-billing .service-charge-status{grid-column:1/-1;justify-self:start;font:500 12px/1.5 var(--font-body);padding:5px 10px;border-radius:20px;background:#eeeae2;color:#625d55}
#section-billing .service-charge-status[data-billing-status="accepted"]{background:#e8efe6;color:#3e5b3d}
#section-billing .service-charge-status[data-billing-status="prepared"],#section-billing .service-charge-status[data-billing-status="under_review"]{background:#f2ead9;color:#735f39}
#section-billing .service-charge-row details{margin-top:2px}
#section-billing .service-charge-row summary{font:500 13px/1.5 var(--font-body);min-height:40px;padding:10px 0;cursor:pointer;color:var(--dark)}
#section-billing .service-charge-breakdown{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0 16px;max-width:440px;font-size:14px}
#section-billing .service-charge-breakdown dd{margin:0;text-align:right}
#section-billing .service-charge-reference{font:400 12px/1.6 var(--font-body);overflow-wrap:anywhere;color:var(--resident-soft);margin:4px 0}
#section-billing #serviceChargesStatus{font:400 14px/1.6 var(--font-body);color:var(--resident-soft)}
#section-billing :is(#serviceChargesMore,.service-charge-retry,.btn){font:500 14px/1.5 var(--font-body);letter-spacing:0;text-transform:none;min-height:46px;border:1px solid var(--resident-line);border-radius:8px;padding:12px 16px;background:var(--resident-paper);color:var(--dark)}
#section-billing .service-charge-retry{margin:10px 0 10px 12px}
#section-billing>.page-content>details{padding:24px 28px;border:1px solid var(--resident-line);border-radius:14px;background:var(--resident-paper);margin-top:24px;box-shadow:none}
#section-billing>.page-content>details>summary{font:500 26px/1.3 var(--font-heading);color:var(--dark);cursor:pointer;min-height:36px}
#section-billing>.page-content>details>p{font:400 14px/1.6 var(--font-body);color:var(--resident-soft);margin:16px 0}
#section-billing .billing-history-card{border:0;padding:24px 0;background:none;box-shadow:none}
#section-billing .billing-history-heading{font:500 25px/1.3 var(--font-heading);letter-spacing:0;text-transform:none}
#section-billing .billing-history-copy{font:400 14px/1.6 var(--font-body);color:var(--resident-soft)}
#section-billing .billing-filter-btn.active{background:var(--dark);color:var(--ivory);border-color:var(--dark)}
#section-billing .billing-invoice-row{border-color:var(--resident-line);padding:20px 0;gap:16px}
#section-billing .billing-invoice-actions{gap:14px}
#section-billing :is(button,summary):focus-visible{outline:2px solid #7d6943;outline-offset:3px}
@media(max-width:1000px){#section-billing>.page-header{padding:32px 26px 10px}#section-billing>.page-content{padding:20px 26px 100px}}
@media(max-width:600px){#section-billing>.page-header{padding:30px 20px 8px}#section-billing>.page-header h2{font-size:38px}#section-billing>.page-content{padding:22px 20px 110px}#section-billing #residentServiceCharges,#section-billing>.page-content>details{padding:22px 18px}#section-billing #serviceChargesHeading{font-size:27px}#section-billing .service-charge-row{gap:10px}#section-billing .service-charge-amount{font-size:16px}#section-billing .billing-filter-group{flex-wrap:wrap}}