.saas-collect-months{gap:var(--saas-space-sm);flex-direction:column;display:flex}.saas-collect-months__bar{justify-content:space-between;align-items:center;gap:var(--saas-space-sm);flex-wrap:wrap;display:flex}.saas-collect-months__title{color:var(--saas-text-primary);margin:0;font-size:16px;font-weight:600}.saas-collect-months__empty{color:var(--saas-text-secondary);margin:0;font-size:15px}.saas-collect-months__list{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);margin:0;padding:0;list-style:none;overflow:hidden}.saas-collect-months__month{padding-block:var(--saas-space-xs);position:relative}.saas-collect-months__month+.saas-collect-months__month{border-block-start:1px solid var(--saas-border-default)}.saas-collect-months__head,.saas-collect-months__fee{align-items:center;gap:var(--saas-space-sm);min-inline-size:0;padding-inline:var(--saas-space-md);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard);display:flex}.saas-collect-months__head:hover,.saas-collect-months__fee:hover{background:var(--saas-bg-canvas)}.saas-collect-months__head{min-block-size:48px}.saas-collect-months__name{align-items:baseline;gap:var(--saas-space-2xs) var(--saas-space-sm);min-inline-size:0;color:var(--saas-text-primary);flex-wrap:wrap;flex:1;font-size:15px;display:flex}.saas-collect-months__name strong{font-weight:600}.saas-collect-months__single{color:var(--saas-text-primary)}.saas-collect-months__meta{color:var(--saas-status-info);font-size:14px;font-weight:500}.saas-collect-months__meta[data-overdue=true],.saas-collect-months__late{color:var(--saas-status-danger)}.saas-collect-months__pill{padding:var(--saas-space-2xs) var(--saas-space-sm);border-radius:var(--saas-radius-full);white-space:nowrap;border:1px solid;font-size:13px;font-weight:600}.saas-collect-months__pill[data-tone=success]{color:var(--saas-status-success)}.saas-collect-months__pill[data-tone=warning]{color:var(--saas-status-warning)}.saas-collect-months__pill[data-tone=brand]{color:var(--saas-brand-primary)}.saas-collect-months__total{min-inline-size:80px;color:var(--saas-text-primary);font-variant-numeric:tabular-nums;text-align:end;font-size:16px;font-weight:700}.saas-collect-months__fees{margin:0;padding:0;list-style:none}.saas-collect-months__fee{min-block-size:36px;color:var(--saas-text-primary);padding-inline-start:calc(var(--saas-space-md) + var(--saas-space-xl));font-size:15px}.saas-collect-months__fee-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.saas-collect-months__amount{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;min-inline-size:80px}.saas-collect-months__amount[data-settled=true]{color:var(--saas-status-success)}@media (width<=599px){.saas-collect-months__head,.saas-collect-months__fee{min-block-size:44px;padding-inline:var(--saas-space-sm)}.saas-collect-months__fee{padding-inline-start:calc(var(--saas-space-sm) + var(--saas-space-xl))}}