.billing-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0 18px}.billing-toolbar label{display:grid;gap:6px;font-size:14px;font-weight:600}.billing-toolbar input,.billing-toolbar select{padding:10px;border:1px solid var(--line);border-radius:8px;background:white;min-height:44px}.billing-month-nav{display:flex;gap:6px}.billing-month-nav button{min-width:44px;min-height:44px}.billing-calendar{padding:20px}.billing-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.billing-calendar-heading h2{font-size:22px}.billing-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.billing-weekday{font-size:14px;font-weight:650;text-align:center;color:var(--muted);padding:4px}.billing-day{min-width:0;min-height:100px;padding:10px;background:white;border:1px solid var(--line);border-radius:10px;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:8px}.billing-day:hover{background:var(--brand-soft);border-color:var(--brand)}.billing-day.is-today{border:2px solid var(--brand)}.billing-day.is-selected{background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.billing-day-number{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:16px;font-weight:650}.billing-day-count{font-size:14px;border-radius:6px;min-width:22px;padding:1px 4px;text-align:center;background:#e7edf2}.billing-day-count.is-planned{color:#8a4d00;background:#fff0cb}.billing-day-names{font-size:14px;display:grid;gap:3px;max-width:100%}.billing-day-names span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-record{display:grid;grid-template-columns:140px minmax(0,1fr) 210px;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.billing-record:last-child{border-bottom:0}.billing-record h3{margin:0 0 6px;font-size:18px}.billing-record p{margin:4px 0;font-size:14px}.billing-record-date{display:flex;flex-direction:column;gap:5px}.billing-record-date span{color:var(--muted);font-size:14px}.billing-record-copy{min-width:0;overflow-wrap:anywhere}.billing-record-actions{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.billing-record-actions>strong{font-size:20px}.billing-record-actions small{font-size:14px;color:var(--muted)}.billing-unpaid{color:#9f2424;font-weight:600;margin-top:10px!important}.billing-unpaid summary{cursor:pointer}.billing-unpaid ul{font-weight:400;font-size:14px;padding-left:20px}.billing-priority{border-left:4px solid #b82929!important;background:#fff8f7}.billing-priority .badge{margin-bottom:7px}.billing-priority h3{margin-top:2px}.billing-priority button{flex-shrink:0}.billing-priority p{overflow-wrap:anywhere}.notice-link.billing-priority{border-radius:8px}.billing-list-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}.billing-status{min-height:24px}.billing-empty-error{color:var(--danger)}
@media(max-width:1000px){.billing-record{grid-template-columns:110px minmax(0,1fr)}.billing-record-actions{grid-column:2}.billing-day{min-height:85px;padding:7px}.billing-day-names{font-size:14px}}
@media(max-width:600px){.billing-calendar{padding:10px}.billing-calendar-grid{gap:3px}.billing-day{min-height:66px;padding:5px}.billing-day-number{flex-direction:column;align-items:flex-start}.billing-day-names{display:none}.billing-record{display:flex;flex-direction:column;gap:10px}.billing-record-date{flex-direction:row;flex-wrap:wrap}.billing-toolbar>label{flex:1;min-width:150px}.billing-toolbar input,.billing-toolbar select{max-width:100%;width:100%}.billing-priority{flex-wrap:wrap}.billing-weekday{font-size:14px;padding:2px}.billing-calendar-heading h2{font-size:18px}}