.fin-breakdown{border-top:1px solid var(--sb-line);margin-top:24px;padding-top:16px;font-size:12px;min-width:0}
.fin-breakdown>summary{font-size:13px;font-weight:500;cursor:pointer;width:fit-content;padding:5px 0}
.fin-breakdown-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}
#planner .fin-breakdown-tabs button{font:inherit;font-size:12px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--sb-sub);padding:7px 11px;cursor:pointer}
#planner .fin-breakdown-tabs button[aria-pressed=true]{border-color:var(--sb-line);background:var(--sb-paper);color:var(--sb-fg)}
.fin-breakdown-scroll{max-height:390px;overflow:auto;border:1px solid var(--sb-line);border-radius:5px;overscroll-behavior:contain}
#planner .fin-breakdown .fin-breakdown-table{width:100%;min-width:650px;border-collapse:separate;border-spacing:0;font-size:12px;font-variant-numeric:tabular-nums}
#planner .fin-breakdown .fin-breakdown-table th,#planner .fin-breakdown .fin-breakdown-table td{text-align:right;font-size:12px;font-weight:400;color:var(--sb-fg);vertical-align:middle;padding:11px 14px;white-space:nowrap;border-bottom:1px solid var(--sb-line)}
#planner .fin-breakdown .fin-breakdown-table thead th{position:sticky;top:0;z-index:1;background:var(--sb-paper);color:var(--sb-sub);font-size:11px;font-weight:500}
#planner .fin-breakdown .fin-breakdown-table .fin-breakdown-label{text-align:left;font-weight:400}
#planner .fin-breakdown .fin-breakdown-table .fin-breakdown-date{text-align:left;color:var(--sb-sub)}
#planner .fin-breakdown .fin-breakdown-table tfoot th,#planner .fin-breakdown .fin-breakdown-table tfoot td{position:sticky;bottom:0;background:var(--sb-paper);font-weight:550;border-top:1px solid var(--sb-line);border-bottom:0}
#planner .fin-breakdown .fin-breakdown-table .fin-breakdown-net{font-weight:550}
.fin-breakdown-empty{margin:20px 0;color:var(--sb-sub)}
.fin-breakdown button:focus-visible,.fin-breakdown summary:focus-visible,.fin-breakdown-scroll:focus-visible{outline:2px solid var(--sb-sub);outline-offset:3px}
@container sb-content (max-width:560px){#planner .fin-breakdown .fin-breakdown-table{min-width:620px}.fin-breakdown-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#planner .fin-breakdown-tabs button{padding:7px 4px;font-size:11px}.fin-breakdown-scroll{max-height:340px}}

#planner .fin-breakdown .fin-breakdown-table tfoot .fin-breakdown-label{font-weight:550}

#planner .fin-breakdown .fin-breakdown-table[data-financial-view="months"] tbody th{position:sticky;left:0;z-index:1;background:var(--sb-paper)}
#planner .fin-breakdown .fin-breakdown-table[data-financial-view="months"] thead th:first-child{left:0;z-index:3}
#planner .fin-breakdown .fin-breakdown-table[data-financial-view="months"] tfoot th:first-child{left:0;z-index:2}

.fin-breakdown-tabs{overflow-x:auto}