.qc-page{color:var(--text);min-width:0}.qc-heading{margin-bottom:22px}.qc-heading h2{font-size:28px;letter-spacing:-.04em;margin:8px 0}.qc-heading p,.qc-history>p{font-size:13px;line-height:1.7;color:var(--dim)}
.qc-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:22px}.qc-toolbar label{display:grid;gap:6px;font-size:11px;color:var(--dim);flex:1;min-width:120px}.qc-toolbar select{width:100%;min-height:44px}.qc-toolbar .btn{min-height:44px}.qc-stop{color:var(--down)!important}
.qc-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--dim)}.qc-status>span:first-child{display:flex;align-items:center;gap:8px;color:var(--text)}.qc-status i{width:6px;height:6px;border-radius:50%;background:var(--faint)}.qc-status i.is-active{background:var(--up)}
.qc-snapshot-caption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:20px 0 12px;font-size:11px;color:var(--dim)}.qc-snapshot-caption>span{color:var(--faint)}
.qc-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qc-provider{min-width:0;border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--card)}.qc-provider h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin:0 0 14px}.qc-provider>strong{display:block;font:650 24px var(--mono);letter-spacing:-.06em;overflow-wrap:anywhere}.qc-provider-state{display:block;font-size:9px;color:var(--act);margin-top:8px;letter-spacing:.04em}.qc-provider dl{margin:18px 0 0;font-size:10px}.qc-provider dl>div{display:grid;gap:3px;margin:10px 0}.qc-provider dt{color:var(--dim)}.qc-provider dd{margin:0;overflow-wrap:anywhere;line-height:1.6}.qc-provider p{font-size:10px;color:var(--dim);line-height:1.7;margin:14px 0 0}.qc-provider summary,.qc-health summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:11px;color:var(--act)}
.qc-differences{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.qc-differences>div{display:grid;gap:8px}.qc-differences span,.qc-differences small{font-size:10px;color:var(--dim);line-height:1.6}.qc-differences b{font:600 14px var(--mono)}
.qc-history{margin:26px 0}.qc-history h3{font-size:18px;letter-spacing:-.02em;margin:0}.qc-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card);outline-offset:3px}.qc-table-wrap table{width:100%;border-collapse:collapse;font:11px var(--mono);text-align:right}.qc-table-wrap caption{text-align:left;padding:14px;font:10px var(--sans);color:var(--dim)}.qc-table-wrap th,.qc-table-wrap td{padding:14px 12px;border-top:1px solid var(--line);white-space:nowrap}.qc-table-wrap th{font-weight:550}.qc-table-wrap th:first-child{text-align:left}.qc-table-wrap thead{color:var(--dim)}.qc-table-wrap small,.qc-table-wrap em{display:block;margin-top:6px;font:8px var(--sans);color:var(--dim)}.qc-table-wrap em{color:var(--warn);font-size:9px;white-space:normal;max-width:160px}
.qc-health{border-top:1px solid var(--line)}.qc-health p{font-size:11px;line-height:1.7;color:var(--dim)}.qc-budget{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--dim)}.qc-budget b{display:block;color:var(--text);margin-top:5px;font:600 14px var(--mono)}.qc-empty{display:flex;align-items:center;gap:12px;min-height:140px;justify-content:center;color:var(--dim);font-size:13px;line-height:1.7;padding:20px;text-align:center}.qc-loading{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--act);border-radius:50%;animation:qcSpin .9s linear infinite}.qc-notice{padding:12px 16px;border:1px solid var(--line);border-radius:12px;color:var(--warn);font-size:12px;line-height:1.6}
@keyframes qcSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.qc-loading{animation:none}}
@media(max-width:767px){.qc-providers{grid-template-columns:1fr}.qc-provider{padding:16px}.qc-provider dl{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.qc-provider>strong{font-size:28px}.qc-differences{grid-template-columns:1fr;gap:18px}.qc-table-wrap th,.qc-table-wrap td{padding:12px 8px}.qc-table-wrap table{font-size:10px}.qc-table-wrap small{font-size:7px}.qc-toolbar .btn{font-size:11px;padding:10px 12px}}

/* Keep the observation table close to the controls on a phone. */
.qc-toolbar{display:grid;grid-template-columns:minmax(120px,1fr) auto auto}.qc-toolbar>.btn{width:auto;margin:0}.qc-toolbar label{min-width:0}
@media(max-width:767px){.qc-toolbar{grid-template-columns:1fr 1fr}.qc-toolbar label{grid-column:1/-1}#quoteComparisonContent{display:flex;flex-direction:column}.qc-history{order:1;margin-top:12px}.qc-providers{order:2}.qc-differences{order:3}.qc-health{order:4}}
