.finance-nav{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.finance-nav button{border:1px solid #aaa;background:transparent;color:inherit;padding:8px 12px}.finance-nav .active{background:#222;color:white;border-color:#222}.finance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.finance-metric,.finance-box{padding:14px;border:1px solid #ddd;border-radius:10px;margin:10px 0;background:#fff}.finance-metric span{display:block;font-size:.8rem;color:#555}.finance-metric strong{display:block;font-size:1.25rem;margin-top:5px}.finance-warning{border-left:4px solid #e88a08;padding:10px;background:#fff8e8}.finance-box h3{margin:0 0 8px}.finance-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:12px 0}.finance-tools label{font-size:.85rem;margin:0}.finance-tools input{margin:3px 0}.finance-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finance-row input,.finance-tools select{min-width:0}.finance-due{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr 1fr auto;gap:7px;align-items:end;border-bottom:1px solid #ddd;padding:10px 0}.finance-due label{margin:0;font-size:.75rem}.finance-due input,.finance-due select{padding:8px 5px;margin:4px 0 0;min-width:0;width:100%}.finance-due small{display:block}.finance-due .finance-actions{display:flex;gap:3px;align-items:center}.finance-actions button{padding:8px;min-width:34px}.finance-due[data-dirty="true"]{background:#fff4db}.finance-chart{display:block;width:100%;height:auto;max-height:330px}.finance-chart text{font:13px sans-serif;fill:#444}.finance-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.85rem}.finance-legend i{display:inline-block;width:12px;height:12px;margin-right:5px}.finance-subtle{font-size:.85rem;color:#666}.finance-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}.finance-missing{color:#a05000}.finance-box ul{padding-left:20px}.finance-box summary{cursor:pointer}.finance-positive{color:#166534}.finance-negative{color:#a42a16}@media(max-width:650px){.finance-due{grid-template-columns:1fr 1fr}.finance-due .due-name{grid-column:1/-1}.finance-due .finance-actions{justify-content:flex-end}.finance-chart text{font-weight:600}.finance-metric{padding:10px}.finance-tools>label{flex:1 1 130px}}
.finance-debt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finance-debt-card{border-left:4px solid var(--debt-color);padding:12px;margin:0;min-width:0}.finance-debt-card h3{font-size:1.05rem;margin:0 0 5px}.finance-debt-card p{margin:5px 0}.finance-debt-card .finance-actions{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.finance-debt-card .finance-actions button{font-size:.85rem;padding:6px 9px}.finance-debt-numbers{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem}.finance-debt-numbers b{display:block;font-size:1.05rem}.finance-groups{display:flex;gap:8px;flex-wrap:wrap}.finance-group{padding:7px 10px;background:white;border:1px solid #ddd;border-radius:5px}.finance-group button{padding:5px}.finance-occurrence{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #eee}.finance-occurrence button{padding:5px 10px}@media(max-width:760px){.finance-debt-grid{grid-template-columns:1fr}}
.finance-debt-id{color:#666;font-size:.75rem;font-weight:400}.finance-metric small{display:block;font-weight:400;font-size:.75rem;color:#666;margin-top:4px}
.finance-unassigned-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eee;padding:9px 0}.finance-unassigned-row small{display:block;color:#666;margin-top:4px}.finance-unassigned-row button{padding:8px 10px;flex-shrink:0}.finance-chart [data-fin]{cursor:pointer}@media(max-width:500px){.finance-unassigned-row{align-items:flex-start}.finance-unassigned-row button{font-size:.8rem;padding:8px}}
.debt-reference-fields{margin:12px 0;padding:12px;border:1px solid #ddd;border-radius:8px}.debt-role-row{display:grid;grid-template-columns:90px minmax(100px,1fr) minmax(100px,1fr) auto;gap:8px;align-items:end;border-bottom:1px solid #eee;padding:8px 0}.debt-role-row input{min-width:0}.debt-role-row label{font-size:.8rem;margin:0}.debt-role-row button{padding:9px}.debt-role-add{margin-top:10px}.debt-files{border-top:1px solid #ddd;margin-top:18px;padding-top:10px}.debt-attachment{padding:12px 0;border-bottom:1px solid #ddd}.debt-attachment a{overflow-wrap:anywhere}.debt-attachment small{display:block;color:#666;font-size:.8rem;margin-top:4px}.debt-attachment label{font-size:.85rem;margin:8px 0}.debt-attachment .finance-actions{display:flex;gap:8px}@media(max-width:600px){.debt-role-row{grid-template-columns:90px 1fr auto}.debt-role-row label:nth-child(2){grid-column:2/4}.debt-role-row label:nth-child(3){grid-column:1/3}}
.debt-role-row{grid-template-columns:80px minmax(100px,1fr) minmax(90px,.8fr) minmax(100px,.8fr) auto}@media(max-width:600px){.debt-role-row{grid-template-columns:1fr 1fr}.debt-role-row label:nth-child(1),.debt-role-row label:nth-child(3){grid-column:1}.debt-role-row label:nth-child(2),.debt-role-row label:nth-child(4){grid-column:2}.debt-role-row .debt-role-remove{grid-column:2;justify-self:end}}

#finance-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}#finance-charts>.finance-box{min-width:0;margin:0}#finance-charts h3{overflow-wrap:anywhere}#finance-charts .finance-legend{overflow-wrap:anywhere}@media(max-width:650px){#finance-charts{gap:8px}#finance-charts>.finance-box{padding:8px}#finance-charts h3{font-size:.9rem}#finance-charts .finance-legend{gap:6px;font-size:.72rem}}