/* Financial views share Eleva's shell, typography and controls. No nested app shell. */
.finance-native{--border:#e2e8f0;--muted:#6b7c93;--green:#345be9;--red:#b44635;--ink:#23354b;min-width:0}
.finance-native [hidden]{display:none!important}
.finance-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.finance-toolbar label{min-width:170px}
.finance-toolbar input{margin-top:7px}
.finance-tabs{gap:5px;flex-wrap:wrap;overflow:visible;padding-bottom:14px}
.finance-tabs button{white-space:nowrap;flex-shrink:0;padding:10px 12px}
.finance-section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:24px 0}
.finance-section-heading h2{font-size:23px;letter-spacing:-.6px;margin-bottom:9px}
.finance-section-heading p{max-width:760px;margin-bottom:0}
.finance-native .actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.finance-native .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.finance-native .metric{background:white;border:1px solid var(--border);border-radius:13px;padding:22px;min-width:0}
.finance-native .metric .label{color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:8px}
.finance-native .metric-value{display:block;font-size:28px;font-weight:650;letter-spacing:-1px;margin:18px 0 10px;font-variant-numeric:tabular-nums}
.finance-native .metric-note{font-size:12px;color:var(--muted);line-height:1.6}
.finance-native .metric.featured{background:#18345e;border-color:#18345e;color:white}
.finance-native .metric.featured .label,.finance-native .metric.featured .metric-note{color:#c5d6ef}
.finance-native .columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin-bottom:22px}
.finance-native .columns.equal{grid-template-columns:repeat(2,minmax(0,1fr))}
.finance-native .panel{background:white;border:1px solid var(--border);border-radius:13px;padding:23px;min-width:0;margin-bottom:20px}
.finance-native .columns>.panel{margin-bottom:0}
.finance-native .panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:20px}
.finance-native .panel-heading p{font-size:12px;color:var(--muted);margin:7px 0 0}
.finance-native .source,.finance-native .form-note{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0}
.finance-native .statement-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #e9eef5;font-size:13px}
.finance-native .statement-row strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.finance-native .statement-row small{display:block;margin-top:5px}
.finance-native .statement-row.total{background:#edf3ff;padding:14px 10px;margin:8px -10px;border:0;font-weight:650}
.finance-native .statement-row.subtotal{font-weight:600;border-bottom-color:#c9d7ec;padding-top:18px}
.finance-native .reading{display:flex;gap:16px;background:#edf3ff;border:1px solid #dce6fc;border-radius:12px;padding:22px;margin-bottom:22px}
.finance-native .reading-icon{font-size:25px;color:#345be9}
.finance-native .reading p{font-size:13px;margin:8px 0 0}
.finance-native .alert{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #e9eef5}
.finance-native .alert p{font-size:12px;color:var(--muted);margin:6px 0 0}
.finance-native .alert-dot{width:7px;height:7px;background:#c58a2f;flex-shrink:0;border-radius:50%;margin-top:6px}
.finance-native .alert.critical .alert-dot{background:var(--red)}
.finance-native .badge.warning{background:#fff6e5;color:#8b641d}
.finance-native .badge.critical{background:#fff0ed;color:var(--red)}
.finance-native .chart{width:100%;height:auto;display:block}
.finance-native .chart text{font:11px 'Segoe UI',sans-serif;fill:#6b7c93}
.finance-native .chart .grid{stroke:#e9eef5;stroke-width:1}
.finance-native .chart .revenue{fill:#345be9}
.finance-native .chart .expense{fill:#b8c8f7}
.finance-native .chart .line{fill:none;stroke:#345be9;stroke-width:3;stroke-linejoin:round}
.finance-native .chart .zero{stroke:#b44635;stroke-dasharray:4 4}
.finance-native .legend{display:flex;gap:18px;font-size:12px;color:var(--muted);margin-top:16px;flex-wrap:wrap}
.finance-native .legend i{display:inline-block;width:8px;height:8px;background:#345be9;border-radius:2px;margin-right:6px}
.finance-native .legend i.light{background:#b8c8f7}
.finance-native .ratio-grid,.finance-native .scenario-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.finance-native .ratio-card,.finance-native .scenario-card{border:1px solid var(--border);background:white;border-radius:13px;padding:22px;min-width:0}
.finance-native .ratio-value{display:block;font-size:28px;margin:16px 0}
.finance-native .ratio-card p,.finance-native .scenario-card p{font-size:12px;color:var(--muted)}
.finance-native .scenario-card.base{border-color:#97b0f5;background:#f5f8ff}
.finance-native .inline-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}
.finance-native .inline-controls label{flex:1;min-width:150px}
.finance-native .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.finance-native .facts strong{font-size:20px;display:block;margin-bottom:8px;overflow-wrap:anywhere}
.finance-native .facts span{font-size:12px;color:var(--muted)}
.finance-native .divider{border:0;border-top:1px solid var(--border);margin:24px 0}
.finance-native .wide{grid-column:1/-1}
.finance-native td.number,.finance-native th.number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.finance-native td small{display:block;margin-top:6px}
.finance-native .assistant-panel{max-width:900px}
.finance-native .assistant-title{font-size:28px;color:#345be9;margin-bottom:16px}
.finance-native .assistant-message{background:#edf3ff;padding:20px;border-radius:10px;margin:20px 0}
.finance-native .suggestions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
.finance-native .suggestions button{background:#edf3ff;color:#314b82;border-radius:20px;font-size:12px}
.finance-native .schedule{border-bottom:1px solid var(--border);padding:16px 0}
.finance-native .schedule summary{cursor:pointer;font-weight:600;line-height:1.6}
.finance-native .match-form{display:flex;gap:8px;min-width:280px}
.finance-native #opening-documents input{min-width:110px}
.finance-native #main:focus{outline:none}
@media(max-width:1200px){.finance-native .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-native .columns,.finance-native .columns.equal{grid-template-columns:1fr}.finance-native .scenario-row{grid-template-columns:1fr}}
@media(max-width:760px){.finance-native .ratio-grid,.finance-native .facts{grid-template-columns:1fr}.finance-native .metric{padding:17px}.finance-native .metric-value{font-size:23px}.finance-native .metrics{gap:10px}.finance-native .panel{padding:18px}.finance-section-heading{flex-direction:column}.finance-toolbar>.row{width:100%}.finance-native .wide{grid-column:auto}}

.cost-history{list-style:none;padding:0;min-width:250px;max-width:380px}.cost-history li{border-top:1px solid #e4eaf2;padding:12px 0}.cost-history p{margin:6px 0}.cost-money,.cost-history strong{white-space:nowrap}
