/* Dashboard estimate uses the application theme and Safe Mode tokens. */
.vob-comparison{width:100%;min-width:0;color:var(--tx);font-size:13px;line-height:1.6;padding-bottom:24px}
.stats-sections{display:flex;gap:6px;padding-bottom:4px;flex-shrink:0}
.stats-sections[hidden],#statsContent[hidden],.vob-comparison[hidden],.vob-comparison [hidden]{display:none!important}
.stats-sections .active{background:var(--acbg);color:var(--ac);border-color:var(--ac)}
.vob-comparison .comparison-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 0 4px}
.vob-comparison h1{font-size:22px;line-height:1.4;letter-spacing:-.02em}
.vob-comparison h2{font-size:14px;margin:0 0 12px;font-weight:700}
.vob-comparison h2 span{font-size:11px;font-weight:400;color:var(--mu2)}
.vob-comparison p{color:var(--mu2);margin:6px 0 12px}
.vob-comparison .context{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.vob-comparison .context span{border:1px solid var(--bd);background:var(--surf);padding:3px 8px;border-radius:var(--rsm);color:var(--mu2);font-size:11px}
.vob-comparison .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vob-comparison :is(.card,.panel){background:var(--surf);border:1px solid var(--bd);border-radius:var(--r);padding:18px;min-width:0;box-shadow:var(--sh-sm)}
.vob-comparison .card label{color:var(--mu2);display:block;font-size:11px}
.vob-comparison .card strong{display:block;font-family:'DM Mono',monospace;font-variant-numeric:tabular-nums;font-size:26px;line-height:1.4;margin:10px 0}
.vob-comparison .card small{color:var(--mu2);display:block;font-size:11px}
.vob-comparison .panel{margin-top:14px}
.vob-comparison .scroll{overflow-x:auto}
.vob-comparison table{border-collapse:collapse;width:100%;white-space:nowrap;font-family:'DM Mono',monospace;font-variant-numeric:tabular-nums}
.vob-comparison :is(td,th){text-align:right;padding:10px 12px;border-bottom:1px solid var(--bd);font-size:12px}
.vob-comparison :is(td,th):first-child{text-align:left}
.vob-comparison th{color:var(--mu2);font-weight:500}
#vobCompareNotice{margin-top:12px;border:1px solid var(--bd2);background:var(--ylbg);color:var(--yl);border-radius:var(--rsm);padding:10px 14px;font-size:12px}
.vob-comparison ul{padding-left:18px}
.vob-comparison li{margin:7px 0;color:var(--or);overflow-wrap:anywhere}
.vob-comparison .gain{color:var(--up)}
.vob-comparison .loss{color:var(--dn)}
[data-safe-mode="on"] .vob-comparison .card strong{font-size:17px;font-weight:500;letter-spacing:0}
[data-safe-mode="on"] .vob-comparison :is(.card,.panel){box-shadow:none}
@media(max-width:768px){
  .vob-comparison{padding-bottom:12px}
  .vob-comparison .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .vob-comparison :is(.card,.panel){padding:13px}
  .vob-comparison .card strong{font-size:22px}
  .vob-comparison h1{font-size:19px}
  .vob-comparison .comparison-header{align-items:flex-start}
  .vob-comparison .comparison-header button{padding:7px 9px;font-size:11px;white-space:nowrap}
}