.project-finance-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.project-finance-kpis .stat{min-width:0;margin:0;padding:18px 20px}
.project-finance-kpis .stat>span,.project-finance-kpis .stat>small{display:block}
.project-finance-kpis .stat strong{display:block;font-size:1.45rem;margin:8px 0;font-variant-numeric:tabular-nums}
.project-finance-kpis .stat small{color:var(--muted);line-height:1.5;font-size:.8rem}
.project-finance-kpis .finance-kpi-button{width:100%;text-align:left}
.finance-cash-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;background:var(--surface);border:1px solid var(--line-soft,#d9e3ef);border-radius:10px;font-size:.86rem}
.finance-cash-note button{margin-left:auto}
.project-finance-progress{font-size:.88rem;width:100%}
.project-finance-progress th,.project-finance-progress td{padding:15px 16px;vertical-align:middle}
.project-finance-progress th:first-child{width:27%}
.project-finance-progress .milestone-terms{max-width:280px;font-size:.83rem;line-height:1.5}
.project-finance-progress .milestone-terms strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}
.project-finance-progress small{display:block;margin-top:5px;color:var(--muted);font-size:.78rem;font-weight:400}
.project-finance-progress .numeric{white-space:nowrap;font-variant-numeric:tabular-nums}
.milestone-title{border:0;background:transparent;text-align:left;padding:0;color:inherit;font-weight:600;font-size:inherit;display:flex;gap:9px;align-items:baseline}
.milestone-title .chevron{color:var(--muted);font-size:.75rem}
.milestone-pending{color:var(--muted)}
.milestone-state{font-size:.78rem;white-space:normal}
.milestone-detail-cell{background:var(--surface);padding:20px!important}
.milestone-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 16px}
.milestone-detail-grid dt{color:var(--muted);font-size:.8rem}.milestone-detail-grid dd{margin:6px 0 0;font-weight:600}
.milestone-detail-cell .actions{gap:8px;flex-wrap:wrap}.milestone-detail-cell p{margin:8px 0}
.finance-document-list{margin:16px 0}.finance-list-filter{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.finance-list-filter [aria-pressed=true]{font-weight:700;border-color:var(--accent-text,#1c3d7f);color:var(--accent-text,#1c3d7f)}
.finance-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(1060px,92vw);max-width:100vw;border:0;border-left:1px solid var(--line-soft,#d9e3ef);border-radius:0;padding:24px;background:var(--surface);color:var(--text-strong,#303846);box-shadow:-12px 0 40px #0002;overflow:auto}
.finance-drawer::backdrop{background:#0b162740}
.finance-drawer .toolbar{position:sticky;top:-24px;padding:12px 0;background:var(--surface);z-index:2;border-bottom:1px solid var(--line-soft,#d9e3ef)}
.finance-drawer h3{margin:6px 0}.finance-drawer .invoice-editor,.finance-drawer .payment-editor{margin-top:0}
@media(min-width:1200px){.project-finance-kpis{grid-template-columns:repeat(12,minmax(0,1fr))}.project-finance-kpis .stat{padding:16px 14px;grid-column:span 3}.project-finance-kpis .stat:nth-child(n+5){grid-column:span 4}.project-finance-kpis .stat strong{font-size:1.25rem}}
@media(max-width:760px){.project-finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.project-finance-kpis .stat{padding:14px}.project-finance-kpis .stat strong{font-size:1.12rem}.finance-drawer{width:100vw;padding:16px}.finance-drawer .toolbar{top:-16px}.milestone-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.project-finance-kpis .stat>span:first-child,.project-finance-kpis .finance-kpi-button>span:first-child{font-size:.85rem;color:var(--muted)}
.finance-drawer-error{border-left:3px solid var(--text-danger,#a13830)}
