/* Shared money display: external styles work under the existing strict CSP. */
.financial-form input[data-financial-amount] { font-variant-numeric:tabular-nums; text-align:right; min-height:44px; font-size:16px; }
.financial-period select,.financial-form select { min-height:44px; font-size:16px; }
.financial-chart .financial-bars { gap:.6rem; padding:.5rem .25rem; min-width:40rem; }
.financial-chart .financial-month-link { display:block; padding:.35rem .15rem .55rem; border:1px solid transparent; border-radius:8px; color:#43536a; text-decoration:none; min-height:44px; }
.financial-chart .financial-month-link:hover { background:#f2f6fd; border-color:#d3def0; }
.financial-chart .financial-month-link:focus-visible { outline:3px solid #2456cf; outline-offset:2px; }
.financial-chart .financial-chart-svg { display:block; width:100%; height:155px; overflow:visible; }
.financial-chart-svg .financial-chart-axis { stroke:#cbd5e1; stroke-width:1; }
.financial-chart-svg .financial-svg-order { fill:#71829b; }
.financial-chart-svg .financial-svg-revenue { fill:#3157e8; }
.financial-chart-svg .financial-chart-zero { stroke-width:3; }
.financial-chart-svg .financial-zero-order { stroke:#71829b; }
.financial-chart-svg .financial-zero-revenue { stroke:#3157e8; }
.financial-chart-svg .financial-chart-unknown { fill:#65748a; font-size:14px; text-anchor:middle; }
.financial-chart .financial-chart-help { margin-bottom:.25rem; }
.financial-chart .financial-chart-legend { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; margin:.4rem 0 .1rem; font-size:.8rem; color:#43536a; }
.financial-chart-legend span { display:inline-flex; gap:.4rem; align-items:center; }
.financial-chart-legend i { width:10px; height:10px; border-radius:2px; background:#71829b; }
.financial-chart-legend .financial-revenue-key { background:#3157e8; }
@media(max-width:720px) { .financial-editor-layout { gap:.75rem; }.financial-chart .financial-bars { min-width:38rem; }.financial-chart .financial-chart-svg { height:140px; } }