/* Live quote details only. Pair detail, settings and alerts keep their own layouts. */
#screenView .quote-detail{color:var(--text-primary);min-width:0}
.quote-detail>.backbar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;margin-bottom:var(--space-md)}
.quote-detail>.backbar .title{text-align:center;grid-column:2;font-size:var(--font-asset)}
.quote-detail .detail-provider{border:1px solid var(--border-color);background:var(--surface);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-sm);margin:0 0 var(--space-md);min-width:0}
.quote-detail .detail-provider h1{font-size:18px;overflow-wrap:anywhere}
.quote-detail .detail-provider p{font-size:var(--font-caption);line-height:1.6;color:var(--text-secondary)}
.quote-detail .detail-provider .provider-icon,.quote-detail .avatar{width:40px;height:40px}
.quote-detail .detail-hero{background:var(--brand-green-soft);border:1px solid var(--border-color);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}
.quote-detail .hero-pair{font-size:var(--font-asset);line-height:1.6;overflow-wrap:anywhere}
.quote-detail .hero-label{font-size:var(--font-caption);color:var(--text-secondary);margin-top:var(--space-md)}
.quote-detail .hero-number{font-size:var(--font-amount);color:var(--brand-green-strong);line-height:1.3;overflow-wrap:anywhere;margin:var(--space-xs) 0}
.quote-detail .hero-number>span{font-size:18px;white-space:nowrap}
.quote-detail .hero-sub{font-size:11px;color:var(--text-secondary)}
.quote-detail .detail-networks{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;font-size:11px;color:var(--text-secondary)}
.quote-detail .detail-networks>span{padding:2px var(--space-sm);border-radius:var(--radius-sm);background:var(--surface)}
.quote-detail .detail-networks>.icon{width:14px;height:14px}
.quote-detail .detail-block{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);background:var(--surface);margin-bottom:var(--space-md);min-width:0}
.quote-detail .detail-block h2{font-size:var(--font-asset);line-height:1.5;margin-bottom:var(--space-sm);overflow-wrap:anywhere}
.quote-detail .data-list{border:0;border-radius:0;padding:0;margin:0}
.quote-detail .data-row{min-height:40px;align-items:flex-start;gap:var(--space-sm);padding:10px 0;border-color:var(--border-color);font-size:var(--font-caption);line-height:1.7}
.quote-detail .data-row>span{flex:1;min-width:0;color:var(--text-secondary)}
.quote-detail .data-row>strong{max-width:66%;font-weight:550;white-space:pre-line;overflow-wrap:anywhere;min-width:0}
.quote-detail .detail-list-title{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin:var(--space-lg) 0 var(--space-sm)}
.quote-detail .detail-list-title h2{font-size:var(--font-asset)}
.quote-detail .detail-list-title>span{font-size:11px;color:var(--text-secondary)}
.quote-detail .merchant-card{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-sm) 0}
.quote-detail .merchant-head{align-items:flex-start;gap:var(--space-sm)}
.quote-detail .merchant-name{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.quote-detail .merchant-meta{font-size:11px;color:var(--text-secondary)}
.quote-detail .merchant-estimate{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;margin:var(--space-sm) 0}
.quote-detail .merchant-estimate>span{font-size:11px;color:var(--text-secondary)}
.quote-detail .merchant-estimate>strong{font-size:22px;color:var(--brand-green-strong);overflow-wrap:anywhere}
.quote-detail .merchant-card .text-action{display:flex;justify-content:flex-end;width:100%;min-height:36px;font-size:var(--font-caption)}
.quote-detail .detail-conditions{background:var(--surface-soft);padding:12px;border-radius:var(--radius-sm);font-size:var(--font-caption);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-primary);margin:var(--space-sm) 0 0}
.quote-detail .detail-conditions>span{display:block;color:var(--text-secondary);margin-bottom:var(--space-xs)}
.quote-detail .detail-timeline{list-style:none;margin:0;padding:0}
.quote-detail .detail-timeline>li{display:flex;gap:var(--space-sm);padding:var(--space-sm) 0}
.quote-detail .detail-timeline>li>div{min-width:0;flex:1;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}
.quote-detail .detail-timeline h3{font-size:14px;margin-bottom:var(--space-xs);overflow-wrap:anywhere}
.quote-detail .detail-timeline p{font-size:var(--font-caption);line-height:1.7;overflow-wrap:anywhere}
.quote-detail .detail-timeline p>span{color:var(--text-secondary);margin-left:var(--space-xs)}
.quote-detail .detail-timeline .icon{color:var(--text-secondary);width:16px;height:16px}
.quote-detail .detail-index{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:var(--font-caption);color:var(--brand-green-strong);background:var(--brand-green-soft)}
.quote-detail .detail-path-title{font-size:22px;line-height:1.5;margin-bottom:var(--space-md);overflow-wrap:anywhere}
.quote-detail .detail-flow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}
.quote-detail .detail-flow>div{min-width:0;flex:1;text-align:center;overflow-wrap:anywhere}
.quote-detail .detail-flow strong{display:block;font-size:14px;margin-top:var(--space-xs)}
.quote-detail .detail-flow small{display:block;font-size:11px;line-height:1.5;color:var(--text-secondary)}
.quote-detail .detail-flow>.icon{width:14px;height:14px;color:var(--text-secondary);flex-shrink:0}
.quote-detail .detail-leg>header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}
.quote-detail .detail-leg>header>div{min-width:0}
.quote-detail .detail-leg>header h2{margin:0}
.quote-detail .detail-leg>header small{font-size:11px;color:var(--text-secondary)}
.quote-detail .detail-leg>header .provider-icon{height:32px;width:32px}
.quote-detail .detail-leg-transfer{padding:12px;border-radius:var(--radius-sm);background:var(--surface-soft);margin-bottom:var(--space-sm)}
.quote-detail .detail-leg-transfer>span{display:block;font-size:11px;color:var(--text-secondary);line-height:1.7}
.quote-detail .detail-leg-transfer>strong{display:block;font-size:18px;line-height:1.6;overflow-wrap:anywhere;font-weight:650}
.quote-detail .detail-leg-transfer>strong:last-child{color:var(--brand-green-strong)}
.quote-detail .detail-transfer-arrow{margin:var(--space-xs) 0}
.quote-detail .detail-summary-providers{font-size:var(--font-caption);color:var(--text-secondary);margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-md);overflow-wrap:anywhere}
.quote-detail .detail-return-actions{display:grid;gap:var(--space-sm)}
.quote-detail .primary,.quote-detail .secondary{border-radius:var(--radius-sm)}
.quote-detail .quiet-line{font-size:11px;color:var(--text-secondary);line-height:1.8}

/* Query states stay below the fixed query panel and do not create a page or overlay. */
:is(#resultContainer,.support-page) .query-state{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md);border-color:var(--border-color);margin:0;background:var(--surface)}
:is(#resultContainer,.support-page) .state-loading{background:var(--brand-green-soft)}
:is(#resultContainer,.support-page) .state-error{background:#FFF5F5;border-color:#F2E4E4}
:is(#resultContainer,.support-page) .query-state .state-mark{height:48px;width:48px;background:var(--surface-soft);margin-bottom:var(--space-md)}
:is(#resultContainer,.support-page) .state-loading .state-mark{background:transparent}
:is(#resultContainer,.support-page) .state-error .state-mark{background:transparent;color:#AC4B53}
:is(#resultContainer,.support-page) .query-state .state-mark>.icon{height:28px;width:28px}
:is(#resultContainer,.support-page) .query-state .spinner{width:40px;height:40px;border-width:4px;border-color:color-mix(in srgb,var(--brand-green) 18%,var(--surface));border-top-color:var(--brand-green)}
:is(#resultContainer,.support-page) .query-state h3{font-size:var(--font-asset);margin-bottom:var(--space-sm)}
:is(#resultContainer,.support-page) .query-state p{font-size:var(--font-caption);color:var(--text-secondary);line-height:1.8}
:is(#resultContainer,.support-page) .query-state .primary,:is(#resultContainer,.support-page) .query-state .secondary{border-radius:var(--radius-sm);margin-top:var(--space-md);min-height:44px;font-size:var(--font-caption)}
:is(#resultContainer,.support-page) .state-skeleton{display:grid;gap:var(--space-sm);max-width:210px;margin:var(--space-md) auto 0}
:is(#resultContainer,.support-page) .state-skeleton>span{height:8px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--brand-green) 12%,var(--surface));animation:pulse 1.4s infinite}
:is(#resultContainer,.support-page) .state-skeleton>span:last-child{width:65%;justify-self:center}
@media(prefers-reduced-motion:reduce){:is(#resultContainer,.support-page) .query-state *{animation:none!important}}