.ob-cost{--oc-bg:var(--r-bg,var(--surface,#fffdf7));--oc-ink:var(--r-text,var(--ink,#1d2925));--oc-muted:var(--r-muted,var(--muted,#65716c));--oc-line:var(--r-border,var(--line,#c8cec9));--oc-accent:var(--r-accent,var(--accent,#23624c));background:var(--oc-bg);color:var(--oc-ink);font:13px/1.4 system-ui,sans-serif;padding:12px 0;font-variant-numeric:tabular-nums}.ob-cost h2,.ob-cost p{margin:0}.ob-cost h2{font-size:17px;margin-right:auto}.ob-cost-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.ob-cost button,.ob-cost select{font:inherit;background:var(--oc-bg);color:var(--oc-ink);border:1px solid var(--oc-line);border-radius:4px;padding:4px 8px;cursor:pointer}.ob-cost button:disabled{color:var(--oc-muted);background:var(--oc-bg);cursor:wait}.ob-cost button:focus-visible,.ob-cost select:focus-visible,.ob-cost a:focus-visible{outline:2px solid var(--oc-accent);outline-offset:2px}.ob-cost a{color:var(--oc-accent)}.ob-cost-overview{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center;margin-bottom:10px}.ob-cost-overview strong{font-size:28px;font-weight:600}.ob-cost-overview p,.ob-cost-muted,.ob-cost small{color:var(--oc-muted)}.ob-cost-overview p button{border:0;padding:0;color:var(--oc-muted);text-decoration:underline}.ob-cost-chart{display:flex;gap:4px;overflow:auto;align-items:end;min-height:75px}.ob-cost .ob-cost-day{display:flex;flex-direction:column;flex:1;align-items:center;min-width:30px;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:11px;padding:2px;gap:1px;white-space:nowrap}.ob-cost .ob-cost-day[aria-pressed=true]{border-color:var(--oc-accent);background:var(--oc-bg);color:var(--oc-accent)}.ob-cost-bar-space{height:38px;display:flex;align-items:end;justify-content:center;width:100%}.ob-cost-bar-space i{display:block;background:var(--oc-accent);width:70%;max-width:40px;border-radius:2px 2px 0 0}.ob-cost-filters{display:flex;gap:6px;align-items:center;margin:6px 0}.ob-cost-table{overflow:auto;max-width:100%}.ob-cost table{color:var(--oc-ink);background:var(--oc-bg);width:100%;border-collapse:collapse;font-size:13px}.ob-cost th,.ob-cost td{padding:5px 8px;text-align:right;border-bottom:1px solid var(--oc-line);white-space:nowrap;vertical-align:top}.ob-cost th{color:var(--oc-muted);font-size:12px;font-weight:500}.ob-cost th:first-child,.ob-cost td:first-child{text-align:left}.ob-cost td:first-child{white-space:normal;min-width:180px}.ob-cost td button{border:0;padding:0;text-align:left;color:var(--oc-accent)}.ob-cost td small{display:block;font-size:11px}.ob-cost details{padding:9px 0;border-bottom:1px solid var(--oc-line)}.ob-cost summary{cursor:pointer}.ob-cost details p{margin:8px 0;color:var(--oc-muted)}.ob-cost [data-status]{margin:8px 0}.ob-cost .ob-cost-explanation{padding:9px 0;max-width:100ch}.ob-cost [hidden]{display:none!important}@media(prefers-color-scheme:dark){.ob-cost{--oc-bg:var(--r-bg,#141d19);--oc-ink:var(--r-text,#e4ece7);--oc-muted:var(--r-muted,#a8b9ae);--oc-line:var(--r-border,#35483d);--oc-accent:var(--r-accent,#82c49d)}}@media(max-width:650px){.ob-cost-overview{grid-template-columns:1fr;gap:8px}.ob-cost-head{gap:8px}.ob-cost th,.ob-cost td{padding:5px}.ob-cost td:first-child{min-width:155px}.ob-cost td:nth-child(2){white-space:normal;max-width:110px;overflow-wrap:anywhere}}

.ob-cost .ob-cost-mobile-model{display:none}@media(max-width:650px){.ob-cost [data-steps] tr>td:nth-child(2){display:none}.ob-cost-table:has([data-steps]) th:nth-child(2){display:none}.ob-cost .ob-cost-mobile-model{display:block}}

.ob-cost .ob-cost-retired{--oc-retired-bg:#eef0f1;--oc-retired-ink:#535b62;background:var(--oc-retired-bg);color:var(--oc-retired-ink)}
.ob-cost .ob-cost-retired td,.ob-cost .ob-cost-retired button,.ob-cost .ob-cost-retired small{background:var(--oc-retired-bg);color:var(--oc-retired-ink)}
@media(prefers-color-scheme:dark){.ob-cost .ob-cost-retired{--oc-retired-bg:#272b30;--oc-retired-ink:#b3bbc4}}

.ob-cost-table{scrollbar-gutter:stable;overscroll-behavior:contain}.ob-cost-table:focus-visible{outline:2px solid var(--oc-accent);outline-offset:2px}.ob-cost th{position:sticky;top:0;z-index:1;background:var(--oc-bg);box-shadow:0 1px var(--oc-line)}

.ob-cost-head label{min-width:0;max-width:100%;display:flex;align-items:center;gap:5px}.ob-cost-head select{min-width:0;max-width:min(320px,65vw)}