.finance-card{padding:20px;margin:16px 0}.finance-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.finance-kpis strong{display:block;font-size:26px;color:#00875a;margin-top:10px}.finance-tabs{display:flex;gap:8px;overflow:auto}.finance-tabs button,.finance-card button{min-height:44px}.finance-tabs [aria-pressed=true]{background:#e9f4ed;border-color:#00875a}.finance-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.finance-fields label{display:grid;gap:7px}.finance-fields input,.finance-fields select{width:100%;min-width:0;padding:12px;border:1px solid #d5ded7;border-radius:8px;background:white;color:#193729;font:inherit;min-height:44px}.finance-scroll{overflow:auto}.finance-scroll table{border-collapse:collapse;width:100%}.finance-scroll th,.finance-scroll td{text-align:left;padding:12px;border-bottom:1px solid #e0e7e2;white-space:nowrap}.finance-card p{font-size:13px;color:#64766b}@media(max-width:767px){.finance-fields,.finance-kpis{grid-template-columns:1fr}.finance-card{padding:14px}.finance-scroll{max-width:100%}}

/* Finance actions follow the white and green corporate palette. */
.finance-tabs{flex-wrap:wrap;overflow:visible;gap:8px;padding:6px;background:#f3f7f4;border:1px solid #e0e8e2;border-radius:12px}
.finance-tabs .finance-tab{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;background:transparent;color:#53685b;font:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}
.finance-tabs .finance-tab:hover{background:#e6efe9;border-color:#c9dcd0;color:#006e49}
.finance-tabs .finance-tab[aria-pressed="true"]{background:#00875a;border-color:#00875a;color:#fff}
.finance-tabs .finance-tab[aria-pressed="true"]:hover{background:#006e49;border-color:#006e49}
.finance-card .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}
.finance-card .finance-secondary{background:#f0f7f3;border:1px solid #c7dfd1;color:#006e49}
.finance-card .finance-secondary:hover{background:#e1f0e7;border-color:#88b69c;color:#00583b}
.finance-card .finance-danger{background:#fff;border:1px solid #e5ccc5;color:#9b4033}
.finance-card .finance-danger:hover{background:#fff1ed;border-color:#cc9688;color:#803326}
.finance-card .btn:active,.finance-tabs .finance-tab:active{transform:translateY(1px)}
.finance-card .btn:disabled{opacity:.55;cursor:wait;transform:none}
.finance-scroll td .btn{margin-block:3px}
.finance-scroll td .btn+.btn{margin-left:8px}
@media(max-width:480px){
 .finance-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .finance-tabs .finance-tab{min-width:0;padding:10px 8px;font-size:12px;white-space:normal}
 #finance-form>.btn{width:100%}
}

@media(max-width:767px){
 .finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .finance-kpis .finance-card{margin:8px 0 14px;padding:12px;font-size:11px;line-height:1.5;min-width:0}
 .finance-kpis strong{font-size:clamp(16px,4.6vw,24px);overflow-wrap:anywhere;margin-top:6px}
 .finance-card h2{font-size:18px;margin-top:0}
 .finance-fields{gap:12px;margin:14px 0}
 .finance-fields label{font-size:12px}
 .finance-scroll .finance-records,.finance-records tbody{display:block;width:100%;min-width:0}
 .finance-records thead{display:none}
 .finance-records tbody tr{display:block;padding:8px 0;border-bottom:1px solid #e0e7e2}
 .finance-records tbody td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border:0;white-space:normal;overflow-wrap:anywhere;text-align:right;font-size:13px}
 .finance-records tbody td::before{content:attr(data-label);flex:0 0 100px;text-align:left;font-size:11px;color:#64766b}
 .finance-records tbody td:last-child{flex-wrap:wrap;align-items:center}
 .finance-records tbody td:last-child .btn{flex:1 1 130px;margin:0}
 .finance-records tbody td.finance-empty{display:block;text-align:left;line-height:1.6}
 .finance-records tbody td.finance-empty::before{display:none}
}