.settlement-rate { color: inherit; font: inherit; background: transparent; border: 0; padding: 4px 0; cursor: pointer; text-align: left; }
.settlement-rate:hover, .settlement-rate:focus-visible { color: #2457ba; text-decoration: underline; }
.settlement-rate .settlement-badge { display: block; width: fit-content; margin-top: 3px; padding: 2px 6px; background: #e9f1ff; color: #214fa8; border-radius: 5px; font-size: 12px; }
.settlement-dialog { box-sizing: border-box; width: min(940px, 96vw); max-height: 90vh; overflow: auto; padding: 22px; border: 1px solid var(--border, #d7deeb); border-radius: 16px; background: var(--panel, #fff); color: var(--text, #202b3d); }
.settlement-dialog::backdrop { background: rgba(15, 25, 45, .45); }
.settlement-dialog-header, .settlement-record header, .settlement-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.settlement-dialog h2 { font-size: 21px; margin: 0; }
.settlement-dialog > p, .settlement-tooltip, .settlement-range { font-size: 13px; color: var(--muted, #58677f); }
.settlement-record { margin: 16px 0; padding: 14px; border: 1px solid var(--border, #d7deeb); border-radius: 10px; }
.settlement-record header span { font-size: 13px; color: var(--muted, #58677f); }
.settlement-chart { display: block; width: 100%; min-height: 160px; margin-top: 15px; overflow: visible; }
.settlement-chart text { fill: var(--muted, #58677f); font-size: 12px; }
.settlement-axis { stroke: #b9c7d9; }.settlement-zero { stroke: #9ba9bd; stroke-dasharray: 4 4; }
.settlement-line { stroke: #3965c4; stroke-width: 2; }
.settlement-point { fill: #3965c4; fill-opacity: .2; stroke: transparent; cursor: crosshair; }
.settlement-point:hover, .settlement-point:focus { fill-opacity: 1; stroke: #fff; stroke-width: 2; outline: none; }
.settlement-tooltip { min-height: 2.6em; line-height: 1.5; margin-bottom: 0; }
.settlement-dialog footer { justify-content: flex-end; }
@media (max-width: 600px) { .settlement-dialog { padding: 12px; }.settlement-record { padding: 10px; }.settlement-chart { min-height: 130px; } }