.payment-calendar{min-width:0;display:grid;gap:12px}.payment-calendar .page-header{margin:0}.pc-titlebar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pc-top-tools{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.pc-top-tools button{align-self:start}.pc-secondary{position:relative}.pc-secondary summary,.pc-filter-panel>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:650}.pc-secondary summary:after,.pc-filter-panel>summary:after{content:'⌄'}.pc-secondary>div{display:flex;flex-wrap:wrap;gap:6px;padding:6px}.pc-filter-panel,.pc-summary,.pc-month,.pc-empty{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px;min-width:0}.pc-filter-panel>summary{display:none}.pc-filters{display:grid;grid-template-columns:minmax(160px,1.6fr) repeat(4,minmax(110px,1fr));gap:8px;align-items:end} .pc-filters label{margin:0;min-width:0;font-size:12px}.pc-filters input,.pc-filters select{width:100%;min-width:0;min-height:42px}.pc-filter-actions{display:flex;gap:6px;flex-wrap:wrap}.pc-checkbox{display:flex!important;align-items:center;gap:7px;min-height:44px}.pc-checkbox input{width:18px;min-height:18px}.pc-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.pc-heading h2{font-size:17px;margin:0}.pc-heading>span,.pc-scope,.pc-scope-detail,.pc-summary-foot{font-size:12px;color:var(--text-muted)}.pc-scope{margin:6px 0 10px}.pc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pc-metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;text-align:left;border-radius:9px;padding:10px 12px;min-width:0;background:var(--bg);color:var(--text);font:inherit;white-space:normal}.pc-metric span{font-size:12px}.pc-metric strong{font-size:21px;line-height:1.2;overflow-wrap:anywhere}.pc-metric small{font-size:10px;color:var(--text-muted)}.pc-metric.is-active,.pc-estimate.is-active{border-color:var(--action-bg);box-shadow:inset 0 0 0 1px var(--action-bg)}.pc-summary-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}.pc-summary-foot button{font-size:12px;min-height:44px}.pc-scope-detail{margin-top:8px}.pc-scope-detail summary{cursor:pointer;padding:6px 0;min-height:32px}.pc-overdue{border:1px solid #e89a9d;border-left:4px solid #b42332;border-radius:10px;padding:10px 12px;background:color-mix(in srgb,#b42332 6%,var(--surface));display:grid;gap:6px}.pc-overdue>strong{color:#b42332}.pc-overdue>span{font-size:12px;color:var(--text-muted)}.pc-overdue>div{display:flex;gap:6px;flex-wrap:wrap}.pc-overdue button{min-height:44px;font-size:12px}.pc-months{display:grid;gap:10px}.pc-month{padding:0;overflow:hidden}.pc-month>summary{cursor:pointer;list-style:none;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px;background:color-mix(in srgb,var(--action-bg) 9%,var(--surface));min-width:0}.pc-month>summary:before{content:'›';font-size:24px;flex:0 0 12px}.pc-month[open]>summary:before{content:'⌄'}.pc-month-title{font-size:17px;font-weight:750;min-width:110px;margin-right:auto}.pc-month-title small{display:block;font-size:11px;font-weight:400;color:var(--text-muted)}.pc-month-totals{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap;min-width:0}.pc-month-totals>button,.pc-amounts>span{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-muted)}.pc-month-totals strong{font-size:14px;color:var(--text);white-space:nowrap}.pc-danger-text strong{color:#b42332}.pc-month-tools{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--border)}.pc-month-tools button{min-height:40px;padding:6px 10px;font-size:12px}.pc-row{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(115px,.6fr) minmax(250px,1.2fr) auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--border);border-left:4px solid transparent;min-width:0}.pc-party,.pc-due{min-width:0;display:flex;flex-direction:column;gap:4px}.pc-party strong{font-size:14px;overflow-wrap:break-word}.pc-party small,.pc-due>span:first-child,.pc-due small{font-size:11px;color:var(--text-muted);overflow-wrap:break-word}.pc-due>strong{font-size:13px}.pc-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pc-amounts strong{font-size:14px;color:var(--text);overflow-wrap:anywhere}.pc-badge{font-size:11px;font-weight:700;width:fit-content;padding:4px 7px;border-radius:5px}.pc-paid{border-left-color:#087f78;background:color-mix(in srgb,#0ca89b 5%,var(--surface))}.pc-paid .pc-badge{background:#d5f2ed;color:#075e57}.pc-waiting{border-left-color:#b88000;background:color-mix(in srgb,#ffc841 5%,var(--surface))}.pc-waiting .pc-badge{background:#fff0b8;color:#704b00}.pc-overdue.pc-row{border-radius:0;border-left-color:#bf3144;background:color-mix(in srgb,#c8374b 5%,var(--surface));display:grid}.pc-overdue .pc-badge{background:#ffe0e5;color:#a01830}.pc-estimate .pc-badge,.pc-closed .pc-badge,.pc-refund .pc-badge{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.pc-estimate.pc-row,.pc-closed.pc-row{border-left-color:#81929b}.pc-refund.pc-row{border-left-color:#537da3}.pc-row>button{min-width:52px;min-height:44px}.pc-row-pager,.pc-month-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:12px;padding:10px}.pc-row-pager button,.pc-month-pager button{min-height:44px}.pc-empty{text-align:center;padding:20px}.pc-empty h2{font-size:18px}.pc-context{background:var(--bg);padding:12px;border-radius:10px}.pc-context dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}.pc-context dt{font-size:12px;color:var(--text-muted)}.pc-context dd{margin:3px 0 0;overflow-wrap:anywhere}.payment-detail-modal .page-header{display:none}.payment-detail-modal .bm-row{flex-wrap:wrap}.payment-detail-modal button{min-height:44px}.payment-detail-modal .form-modal-body{min-width:0}.payment-detail-modal .bm-columns{grid-template-columns:repeat(2,minmax(0,1fr))}[data-ykm-theme=dark] .pc-overdue>strong,[data-ykm-theme=dark] .pc-danger-text strong{color:#ff9daa}
@media(min-width:701px){.pc-filter-panel:not([open])>.pc-filters{display:grid}.pc-top-tools{justify-content:flex-end;min-height:44px}.pc-secondary[open]{z-index:2}.pc-secondary[open]>div{background:var(--surface);border:1px solid var(--border);position:absolute;right:0;min-width:220px}}
@media(max-width:1000px){.pc-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-month>summary{align-items:flex-start;gap:8px;flex-wrap:wrap}.pc-month-totals{flex:1 1 100%;justify-content:space-between;gap:8px;padding-left:20px}.pc-row{grid-template-columns:minmax(120px,1fr) minmax(105px,.6fr) auto}.pc-amounts{grid-column:1/3}.pc-row>button{grid-column:3;grid-row:1/3}}
@media(max-width:700px){.pc-filter-panel>summary{display:flex}.pc-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-filters>label:first-child{grid-column:1/-1}.pc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-metric{padding:10px}.pc-metric strong{font-size:19px}.pc-heading{align-items:flex-start;flex-wrap:wrap}.pc-summary,.pc-filter-panel{padding:10px}.pc-month-title{font-size:16px}.pc-month-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding-left:0}.pc-month-totals strong{font-size:12px;white-space:normal;overflow-wrap:anywhere}.pc-month-tools button{min-height:44px}.pc-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px}.pc-party{grid-column:1/-1}.pc-due{grid-column:1;grid-row:2}.pc-row>button{grid-column:2;grid-row:2}.pc-amounts{grid-column:1/-1;grid-row:3}.pc-amounts strong{font-size:13px}.pc-overdue button{white-space:normal}.pc-context dl,.payment-detail-modal .bm-columns{grid-template-columns:1fr}.payment-detail-modal .bm-row{padding:10px}.pc-summary-foot{align-items:flex-start;flex-direction:column}}
@media(max-width:340px){.pc-filters{grid-template-columns:1fr}.pc-metric strong{font-size:17px}.pc-metric span{font-size:11px}.pc-amounts{gap:5px}}
@media(min-width:1400px){.pc-metrics{grid-template-columns:repeat(8,minmax(0,1fr))}.pc-metric{padding:9px}.pc-metric strong{font-size:18px}.payment-calendar .page-header p{margin-bottom:0}.pc-month-totals{gap:14px}}
.pc-month-totals>button{min-width:44px;min-height:44px;padding:5px 7px;border:1px solid transparent;background:transparent;text-align:left;font:inherit;font-size:11px;white-space:normal}.pc-month-totals>button:hover,.pc-month-totals>button:focus-visible{border-color:var(--action-bg);background:var(--surface)}