.project-cost-overview { font-size:13px; }
.project-choice-grid.project-choice-finance { grid-template-columns:repeat(2,minmax(0,1fr)); }
.project-cost-overview .project-add { margin:0 0 12px; }
.project-cost-overview .card.section { padding:16px; }
.project-costs-card h2 { margin:0; font-size:18px; }
.project-costs-card .section-head { flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.project-costs-card .sub { font-size:12px; line-height:1.45; }
.project-costs-filters { display:grid; grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) minmax(140px,1fr); gap:10px; }
.project-costs-filters .form-field { margin:0; font-size:12px; }
.project-costs-filters input,.project-costs-filters select { width:100%; padding:9px 10px; font-size:13px; }
.project-costs-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0 10px; }
.project-costs-summary>div { min-width:0; padding:12px; border:1px solid var(--border); border-radius:10px; background:#f6f9fd; }
.project-costs-summary small { display:block; font-size:12px; color:var(--muted); margin-bottom:4px; }
.project-costs-summary strong { font-size:18px; overflow-wrap:anywhere; }
.project-costs-count { margin-bottom:8px; }
.project-costs-table { max-width:100%; overflow-x:auto; }
.project-costs-table table { width:100%; min-width:620px; font-size:13px; }
.project-costs-table th,.project-costs-table td { padding:10px 12px; vertical-align:middle; }
.project-costs-table td:first-child { width:52%; }
.project-costs-table td:first-child .sub { font-size:11px; margin-top:3px; }
.project-costs-table .cost-money { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.project-costs-table .cost-money small { display:block; font-size:11px; margin-top:3px; }
.project-costs-table tfoot { background:#f6f9fd; font-weight:700; }
.project-costs-open { display:block; max-width:100%; padding:0; border:0; background:none; color:var(--nav); font:inherit; font-weight:700; text-align:left; cursor:pointer; overflow-wrap:anywhere; }
.project-costs-open:hover { color:var(--blue); text-decoration:underline; }
.project-costs-open:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.project-costs-note { margin-top:12px; }
.project-costs-updated { margin-top:6px; }
.cost-green { color:#128454; }
.cost-red { color:#c7373d; }
.cost-amber { color:#a86b08; }
@media(max-width:620px) { .project-costs-filters { grid-template-columns:1fr; } .project-costs-summary { gap:6px; } .project-costs-summary>div { padding:9px; } .project-costs-summary strong { font-size:15px; } }
@media(max-width:360px) { .project-costs-summary { grid-template-columns:1fr; } }
@media(max-width:620px) { .project-choice-grid.project-choice-finance { grid-template-columns:1fr; } }