/* Approved compact mockup: estimator first, small result matrix below. */
.comparison-stage1-page{font-size:12px;color:#213449}
.comparison-stage1-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;margin-bottom:6px;border:1px solid #e2e8ef;border-radius:9px;background:#fff}
.comparison-kicker{display:block;font-size:10px;color:#8792a0;margin-bottom:4px}.comparison-stage1-banner h1{font-size:20px;letter-spacing:-.5px;margin:0 0 4px;color:#213449}.comparison-stage1-banner p{font-size:11px;margin:0;color:#7a8797;line-height:1.5}.comparison-stage1-banner button{font-size:11px;color:#53677a;background:#fff;border:1px solid #dce4ec;border-radius:6px;padding:7px 11px;flex-shrink:0}
.comparison-mode-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:6px 3px;background:transparent}.comparison-mode-key{display:flex;align-items:center;gap:6px}.comparison-mode-key>div{display:flex;align-items:center;gap:5px}.comparison-mode-key strong{font-size:10px;font-weight:650;color:#61748b}.comparison-mode-key small{font-size:10px;color:#8c98a7}.comparison-mode-dot{width:6px;height:6px;border-radius:50%;background:#8c9db4}.comparison-mode-dot.is-excel{background:#26816a}.comparison-mode-bar .reference-mode-toggle{display:flex;align-items:center;gap:5px;margin:0 0 0 auto;font-size:10px;color:#627389}.reference-mode-toggle input{width:13px;height:13px;accent-color:#08745a}.comparison-scope-note{font-size:10px;line-height:1.6;color:#8793a2;margin:2px 3px 6px}.comparison-scope-note summary{cursor:pointer;width:fit-content}.comparison-scope-note p{margin:7px 0;max-width:950px}
:host{--green:#08745a;--green-dark:#065b46;--green-light:#eaf5f0;--ink:#213449;--muted:#8592a3;--line:#e2e8ef;--bg:#f5f7fa;--radius:8px;--shadow:none;color-scheme:light;display:block;min-width:0;background:#f5f7fa;color:#213449;font:12px Arial,'Malgun Gothic',sans-serif;container-type:inline-size}
.comparison-stage1-status{font-size:10px;font-weight:400;line-height:1.5;color:#8a96a4;padding:2px 3px;margin:0 0 7px}
.comparison-stage1-editor{min-width:0}
.comparison-stage1-editor .source-warning,.comparison-stage1-editor .local-test-tools,.comparison-stage1-editor .estimate-footer,.comparison-stage1-editor .estimate-page-head,.comparison-stage1-editor .local-option-actions,.comparison-stage1-editor .vehicle-price-fields,.comparison-stage1-editor .option-total,.comparison-stage1-editor .purchase-column{display:none!important}
.comparison-stage1-editor button:disabled,.comparison-stage1-editor input:disabled,.comparison-stage1-editor select:disabled{cursor:not-allowed;opacity:.5}
.comparison-stage1-editor .parity-picker-trigger>i{background-image:url('/assets/cartner-comparison/data/ui/shell/icon-more.svg')!important}.comparison-stage1-editor .parity-picker-trigger[aria-expanded='true']>i{background-image:url('/assets/cartner-comparison/data/ui/shell/icon-fold.svg')!important}
.comparison-stage1-editor .parity-estimate:not(.parity-cash){min-width:0;padding:0}.comparison-stage1-editor .estimate-main-mode{display:block}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .estimate-workspace{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(200px,1fr);gap:12px;margin:0 0 12px;min-width:0}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) :is(.vehicle-card,.option-column,.condition-card){background:#fff;border:1px solid #e2e8ef;border-radius:9px;box-shadow:none;padding:11px;min-width:0}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) h2{font-size:13px;line-height:1.4;color:#2b4055;margin:0 0 8px;font-weight:650}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .vehicle-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px}.comparison-stage1-editor .vehicle-card>h2{grid-column:1/-1!important;margin-bottom:1px!important}.comparison-stage1-editor .vehicle-card>.field{min-width:0;margin:0}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .vehicle-card>.field>label{font-size:10px;line-height:1.4;margin-bottom:4px;font-weight:500;color:#8a97a5}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) :is(input,.parity-picker-trigger){font-size:11px;min-height:26px;height:26px;border-radius:5px;line-height:1.3}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .parity-picker-trigger{padding:4px 24px 4px 8px;text-align:left}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .parity-picker-trigger>i{width:10px;height:10px;right:8px}.comparison-stage1-editor .parity-picker-trigger>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) input{padding:4px 7px}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .option-column{align-self:stretch;min-height:0;display:flex;flex-direction:column;gap:8px}.comparison-stage1-editor .option-column>.empty{font-size:10px;color:#9ba7b5;background:#f8fafc;border:1px dashed #e3e9f0;border-radius:6px;padding:12px;margin:0}.comparison-vehicle-summary{font-size:11px;line-height:1.8;color:#52697e;margin:0;padding-top:8px;border-top:1px solid #edf1f5}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-card{display:flex;flex-direction:column;gap:6px}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-head h2{font-size:13px;margin:0}.comparison-stage1-editor .condition-head [data-action='settings'],.comparison-stage1-editor .condition-head [data-action='calculate']{display:none!important}
.comparison-stage1-editor .calculation-hint{font-size:9px;line-height:1.45;color:#8898aa;background:#f6f8fb;border-radius:4px;padding:3px 6px;margin:0}.comparison-stage1-editor .calculation-hint[data-kind='excel']{color:#3c806d;background:#f1f8f4}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-card .tabs{display:flex;gap:2px;padding:2px;margin:0;background:#f0f3f7;border-radius:5px}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-card .tabs>.btn{height:24px;min-height:24px;line-height:1.2;font-size:11px;border-radius:4px}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-card .tabs>.btn.active{color:#08745a!important;background:#fff}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-card .condition-body{gap:5px}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) :is(.condition-row,.fund-row,.incentive-row){display:flex;align-items:center;min-height:26px;gap:0;min-width:0}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) :is(.condition-row,.fund-row,.incentive-row)>.field-label{flex:0 0 54px;width:54px;font-size:10px;line-height:1.4;font-weight:500;color:#7c8b9d}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-body>.field{grid-template-columns:54px minmax(0,1fr);gap:0;margin:0}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-body>.field>label{font-size:10px;line-height:1.4;font-weight:500;color:#7c8b9d}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .compact-segments{display:flex;flex-wrap:nowrap;gap:3px;min-width:0;flex:1}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-card .compact-segments>.btn{flex:1 1 0;min-width:0;min-height:26px;height:26px;padding:3px 1px;font-size:9px;line-height:1.1;border-radius:4px;white-space:nowrap}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .inline-picker-field{flex:0 0 85px;min-width:0;margin:0 5px 0 0}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .inline-picker-field .parity-picker-trigger{font-size:10px;padding-left:6px;padding-right:17px}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .amount-input>span{font-size:10px;right:7px}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .amount-input input{padding-right:22px;font-size:11px}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .dual-input{gap:2px;min-width:0}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .dual-input input{font-size:10px;padding:4px;min-width:0}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .dual-input>span{font-size:9px}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-paired-row{display:flex;gap:4px;min-width:0;flex:1}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-paired-row .condition-picker-row{min-width:0;flex:1}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-paired-row .inline-picker-field{flex:1;margin:0}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-separator{display:none}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .incentive-row{gap:5px}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .incentive-row>.field-label{margin:0}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .incentive-row .amount-input input{padding-right:20px}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-body>small{font-size:9px;line-height:1.4;color:#94a1b0}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .bottom-calculate{height:28px;min-height:28px;padding:5px 8px;border-radius:5px;font-size:11px;line-height:1.2;background:#08745a;color:#fff;border:1px solid #08745a;margin:2px 0 0}.comparison-stage1-editor .bottom-calculate:disabled{background:#dde5e2!important;color:#8b9b96!important;border-color:#dde5e2!important}
/* One subordinate table, after all three estimator panels. Never auto-scroll to it. */
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .results-row{display:block!important;min-width:0;margin:12px 0 0;padding:0}
.comparison-matrix{min-width:0;color:#38516a;font-size:11px}.matrix-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 7px}.matrix-section-head h3{font-size:12px!important;font-weight:650;color:#344a5f;margin:0!important}.matrix-section-head p{font-size:9px;color:#98a4b2;margin:0}.matrix-scroll{overflow-x:auto;border:1px solid #e2e8ef;border-radius:7px;background:#fff}.comparison-matrix-table{width:100%;min-width:600px;border-collapse:collapse;table-layout:fixed;font-size:11px;line-height:1.4}.comparison-matrix-table th,.comparison-matrix-table td{border:0;border-bottom:1px solid #edf1f5;padding:5px 10px;text-align:right;vertical-align:middle;overflow-wrap:anywhere}.comparison-matrix-table thead th{background:#f6f8fb;color:#667a90;font-size:10px;font-weight:500;padding-top:7px;padding-bottom:7px}.comparison-matrix-table thead th:first-child,.comparison-matrix-table tbody th{width:28%;text-align:left}.comparison-matrix-table thead th :is(strong,span,small){display:block}.comparison-matrix-table thead th strong{font-size:10px;font-weight:600;color:#4c627b}.comparison-matrix-table thead th small{font-size:9px;color:#97a3b2;margin-top:1px}.comparison-matrix-table tbody th{font-weight:500}.comparison-matrix-table tbody tr:nth-child(even){background:#fbfcfd}.comparison-matrix-table tbody tr:last-child :is(th,td){border-bottom:0}.matrix-provider{display:flex;align-items:center;gap:6px;min-height:18px;font-size:10px;color:#536b82}.matrix-provider small{font-size:9px;color:#9aa6b4;margin-left:4px}.matrix-logo{display:block;width:16px;height:16px;object-fit:contain;flex:none}.matrix-model-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#edf1f6;border-radius:4px;color:#8b9db2;font-size:9px;flex:none}.matrix-monthly{font-size:12px!important;font-weight:550!important;letter-spacing:0!important;color:#36516b;font-variant-numeric:tabular-nums;white-space:nowrap}.matrix-monthly.is-lowest{color:#08745a}.matrix-status{font-size:10px;color:#a1adba;font-weight:400}.matrix-footnote{font-size:9px!important;line-height:1.5;color:#98a4b2;margin:5px 1px!important}.matrix-warning{font-size:9px!important;line-height:1.5;color:#a58b53;margin:4px 1px!important}.matrix-details{font-size:10px;color:#7e8fa2;line-height:1.6;margin:5px 1px;overflow-wrap:anywhere}.matrix-details summary{cursor:pointer;font-size:9px;width:fit-content;color:#7b8fa7}.matrix-details :is(p,li){font-size:10px;line-height:1.6;margin:5px 0}.matrix-details h4{font-size:11px;margin:12px 0 5px}.matrix-details dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:4px 0 10px}.matrix-details dt{font-size:9px;color:#98a6b6}.matrix-details dd{margin:0;font-size:10px;color:#637a92}
@container(max-width:980px){.comparison-stage1-editor .parity-estimate:not(.parity-cash) .estimate-workspace{grid-template-columns:minmax(0,2fr) minmax(180px,1fr)}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .vehicle-card{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-columns{gap:8px}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-card{padding:8px}.comparison-stage1-editor .parity-estimate:not(.parity-cash) :is(.condition-row,.fund-row,.incentive-row)>.field-label{flex-basis:48px;width:48px}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .inline-picker-field{flex-basis:76px}}
@container(max-width:820px){.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-columns{grid-template-columns:1fr}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .estimate-workspace{grid-template-columns:1fr}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .vehicle-card{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-stage1-editor .parity-estimate:not(.parity-cash) .condition-card .compact-segments>.btn{font-size:11px}.matrix-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.comparison-stage1-banner{align-items:flex-start}.comparison-stage1-banner p{font-size:10px}.comparison-mode-key small{display:none}.comparison-mode-bar{gap:10px}.comparison-mode-bar .reference-mode-toggle{margin-left:0}}

/* Remove the source renderer's two 120px empty-option placeholders. */
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .option-column>h2{min-height:0;height:auto;margin-bottom:0}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .option-column .empty{min-height:0!important;flex:none;padding:10px;font-size:10px}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .option-column .empty-option-list{display:none!important}
.comparison-stage1-editor .parity-estimate:not(.parity-cash) .option-list{min-height:0;max-height:110px;overflow:auto;flex:none}
.matrix-section-head>small{font-size:9px;color:#98a4b2}