.prototype-ui .kh-settlement-chart{padding:2px 16px 16px}.prototype-ui .kh-settlement-layout{grid-template-columns:max-content minmax(0,1fr);gap:12px;display:grid}.prototype-ui .kh-settlement-axis{font-variant-numeric:tabular-nums;min-width:32px;height:240px;color:var(--muted);font-size:12px;position:relative}.prototype-ui .kh-settlement-axis-sizing{visibility:hidden;white-space:nowrap;height:0}.prototype-ui .kh-settlement-axis-sizing>span{display:block}.prototype-ui .kh-settlement-axis>span{white-space:nowrap;text-align:right;width:100%;display:block;position:absolute;transform:translateY(-50%)}.prototype-ui .kh-settlement-axis .kh-settlement-currency{top:0;transform:none}.prototype-ui .kh-settlement-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0;overflow-x:auto}.prototype-ui .kh-settlement-plot{width:100%;height:240px;position:relative}.prototype-ui .kh-settlement-grid{pointer-events:none;position:absolute;inset:0}.prototype-ui .kh-settlement-grid>i{border-top:1px dashed var(--line);position:absolute;left:0;right:0}.prototype-ui .kh-settlement-grid>i[data-zero=true]{border-top-style:solid}.prototype-ui .kh-settlement-months{height:100%;display:flex;position:relative}.prototype-ui .kh-settlement-month{min-width:44px;height:240px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex:1 0 44px;padding:0;position:relative}.prototype-ui .kh-settlement-month:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.prototype-ui .kh-settlement-bars{pointer-events:none;justify-content:center;gap:3px;display:flex;position:absolute;inset:0 8px}.prototype-ui .kh-settlement-bar{background:linear-gradient(#e8f5ff,#b1dbf5);border-radius:6px 6px 0 0;width:18px;max-width:calc(50% - 1.5px);position:relative}.prototype-ui .kh-settlement-bar.is-expense{background:#e5ad55}.prototype-ui .kh-settlement-bar.is-negative{border-radius:0 0 6px 6px}.prototype-ui .kh-settlement-month[aria-pressed=true] .is-income{background:var(--blue)}.prototype-ui .kh-settlement-month[aria-pressed=true] .kh-settlement-month-label{color:var(--ink);font-weight:600}.prototype-ui .kh-settlement-month-label{white-space:nowrap;font-size:12px;line-height:16px;position:absolute;top:216px;left:0;right:0}.prototype-ui .kh-settlement-detail{min-height:36px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:18px}@media (hover:hover) and (pointer:fine){.prototype-ui .kh-settlement-month:hover{background:var(--rail)}}@media (forced-colors:active){.prototype-ui .kh-settlement-bar,.prototype-ui .kh-settlement-month[aria-pressed=true] .is-income{background:highlight;border:1px solid canvastext}.prototype-ui .kh-settlement-bar.is-expense{background:canvastext}.prototype-ui .kh-settlement-month:focus-visible{outline-color:highlight}}.prototype-ui .kh-settlement-gap{pointer-events:none;background:repeating-linear-gradient(135deg,var(--line) 0 1px,transparent 1px 8px);border:1px dashed var(--line);opacity:.7;border-bottom:0;border-radius:6px 6px 0 0;position:absolute;left:12px;right:12px}.prototype-ui .kh-settlement-month.is-no-data .kh-settlement-month-label{color:var(--muted);opacity:.7}.prototype-ui .kh-settlement-month.is-no-data[aria-pressed=true] .kh-settlement-month-label{opacity:1}.prototype-ui .kh-settlement-key{color:var(--muted);align-items:center;gap:8px;margin:8px 0 0;font-size:12px;display:flex}.prototype-ui .kh-settlement-key i{border:1px dashed var(--line);background:repeating-linear-gradient(135deg,var(--line) 0 1px,transparent 1px 4px);border-radius:2px;flex:none;width:12px;height:12px}@media (forced-colors:active){.prototype-ui .kh-settlement-gap,.prototype-ui .kh-settlement-key i{background:canvas;border-color:graytext}}