/* Quote comparisons share the directory's readable type and dark dashboard palette. */
.quote-workspace{max-width:1420px;margin:0 auto;min-width:0}
.quote-workspace *{box-sizing:border-box}
.quote-workspace [hidden]{display:none!important}
.quote-icon{flex:0 0 18px;vertical-align:-3px}
.quote-workspace .defi-page-heading{align-items:flex-start}
.quote-workspace .defi-page-heading>.defi-button{flex-shrink:0;margin-top:9px}
.quote-workspace .quote-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:19px}
.dashboard-theme .app-content .quote-workspace .quote-section-heading h2{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0}
.quote-readonly{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#adb6b9}
.quote-composer{padding:23px;margin-bottom:26px;container-type:inline-size}
.quote-inputs{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;border:0;padding:0;margin:0;min-width:0}
.quote-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.quote-field label{font-size:15px;color:#c3cdcf;line-height:1.4}
.dashboard-theme .app-content .quote-workspace .quote-field select,.dashboard-theme .app-content .quote-workspace .quote-field input{width:100%;max-width:100%;min-width:0;border:1px solid #394244;background:#101415;border-radius:5px;color:#edf1f1;min-height:48px;line-height:1.4;font-size:16px;padding:11px 12px;font-family:inherit}
.quote-field select{appearance:auto;cursor:pointer}
.quote-field input{font-variant-numeric:tabular-nums}
.quote-field-help{font-size:14px;color:#9aa8aa;line-height:1.5;overflow-wrap:anywhere}
.quote-form-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:20px}
.dashboard-theme .app-content .quote-workspace form button{min-height:46px;font-size:16px!important;padding:11px 18px!important;font-weight:500!important;line-height:1.4}
.dashboard-theme .app-content .quote-workspace .quote-composer-note{margin:17px 0 0;padding-top:15px;border-top:1px solid #2b3031;font-size:14px;line-height:1.65}
.dashboard-theme .app-content .quote-workspace .quote-form-error,.dashboard-theme .app-content .quote-workspace .quote-noscript{margin:17px 0 0;font-size:15px;color:#ebbbbb;background:#2a1d1e;border:1px solid #60403e;padding:12px 14px;border-radius:5px;overflow-wrap:anywhere}
.quote-form-error a,.quote-noscript a{text-decoration:underline}
.quote-results{margin-bottom:25px;min-width:0}
.dashboard-theme .app-content .quote-workspace .quote-section-heading p{font-size:15px;line-height:1.6;margin-top:5px}
.quote-refresh-state{font-size:14px;color:#a8b8b3;font-variant-numeric:tabular-nums}
.quote-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed #343c3e;border-radius:7px;background:#121617;padding:37px 23px;min-height:205px;gap:10px}
.quote-empty>.quote-icon{color:#d9a264;width:27px;height:27px;flex-basis:27px;margin-bottom:2px}
.dashboard-theme .app-content .quote-workspace .quote-empty h3{font-size:19px;margin:0;font-weight:500}
.dashboard-theme .app-content .quote-workspace .quote-empty p{max-width:585px;font-size:16px;line-height:1.65}
.quote-provider-list{display:flex;flex-direction:column;gap:12px}
.quote-provider{border:1px solid #303739;border-radius:7px;background:#15191a;padding:19px 21px;min-width:0;position:relative}
.quote-provider.is-best{border-color:#6c5634;background:linear-gradient(100deg,#211d17,#171919 48%)}
.quote-provider.is-expired{border-color:#514534;background:#1b1916}
.quote-provider-grid{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1.25fr) minmax(170px,1.2fr) auto;gap:23px;align-items:center}
.quote-provider-title{display:flex;align-items:center;gap:10px;min-width:0}
.quote-provider-mark{display:flex;align-items:center;justify-content:center;background:#242c2f;border:1px solid #414e53;color:#cdd9dd;border-radius:9px;width:36px;height:36px;flex:0 0 36px;font-size:15px;font-weight:600}
.dashboard-theme .app-content .quote-workspace .quote-provider h3{font-size:18px;margin:0;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
.quote-provider-identity{min-width:0}
.quote-provider-status{display:inline-block;font-size:13px;color:#94a4a7;margin-top:3px;line-height:1.5}
.quote-provider-status.is-live{color:#93cdb1}
.quote-provider-status.is-waiting{color:#edc393}
.quote-best-badge{display:inline-flex;padding:4px 7px;border:1px solid #715633;background:#3a2b18;border-radius:4px;color:#ffd096;font-size:12px;line-height:1.35;margin:0 0 8px}
.quote-output{min-width:0;font-variant-numeric:tabular-nums}
.quote-output-label{font-size:13px;color:#96a3a5;display:block;margin-bottom:5px}
.quote-output-amount{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.5px;overflow-wrap:anywhere;display:block;color:#eef3f2}
.quote-output-symbol{color:#c9d4d6;font-size:14px;letter-spacing:0;font-weight:400;margin-left:6px}
.quote-metrics{margin:0;display:grid;gap:7px;min-width:0}
.quote-metrics div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;line-height:1.5;min-width:0}
.quote-metrics dt{color:#95a3a6}
.quote-metrics dd{margin:0;color:#c7d4d6;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
.quote-provider-action .defi-button{font-size:14px;white-space:normal;text-align:center;line-height:1.4;min-height:43px}
.quote-provider-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-top:1px solid #2b3234;margin-top:15px;padding-top:11px;font-size:13px;color:#9aa8aa;line-height:1.6}
.quote-provider-age{font-variant-numeric:tabular-nums;flex-shrink:0;max-width:45%;text-align:right}
.quote-provider-notes{min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:3px}
.dashboard-theme .app-content .quote-workspace .quote-provider-reason{font-size:15px;color:#b5bdbd;margin-top:8px;line-height:1.6}
.quote-provider.is-unavailable .quote-provider-grid{grid-template-columns:minmax(120px,1fr) minmax(160px,2.5fr) auto}
.quote-method{padding:0;overflow:hidden}
.quote-method summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 21px;font-size:16px;font-weight:500;color:#d6dfe0;cursor:pointer;list-style:none}
.quote-method summary::-webkit-details-marker{display:none}
.quote-method[open] summary>.quote-icon{transform:rotate(180deg)}
.quote-method-content{padding:0 21px 22px;border-top:1px solid #2c3335}
.dashboard-theme .app-content .quote-workspace .quote-method-content>p{font-size:15px;line-height:1.8;margin:17px 0;color:#aab8bb}
.quote-method-content strong{color:#d8e1e2;font-weight:500}
.quote-method-content dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px;margin:20px 0}
.quote-method-content dt{font-size:16px;line-height:1.5;color:#d2dcde;margin:0 0 7px}
.quote-method-content dd{font-size:15px;line-height:1.8;color:#98a8ad;margin:0}
.quote-workspace :is(a,button,select,input,summary):focus-visible{outline:2px solid #ffbd6b;outline-offset:4px}
.quote-workspace button:disabled,.quote-workspace input:disabled,.quote-workspace select:disabled{cursor:not-allowed;opacity:.55}
.quote-spinner{display:inline-block;width:17px;height:17px;border:2px solid #4e4b3f;border-top-color:#ffe4bb;border-radius:50%;animation:quote-spin .7s linear infinite;flex-shrink:0}
@keyframes quote-spin{to{transform:rotate(360deg)}}
@media(max-width:1190px){.quote-provider-grid{grid-template-columns:minmax(120px,1fr) minmax(170px,1.25fr) minmax(175px,1fr);gap:16px}.quote-provider-action{grid-column:1/-1;display:flex;justify-content:flex-end}.quote-provider-action .defi-button{padding:8px 12px}.quote-provider.is-unavailable .quote-provider-grid{grid-template-columns:minmax(120px,1fr) minmax(170px,2fr)}}
@media(max-width:780px){.quote-workspace .defi-page-heading{flex-direction:column;gap:8px}.quote-workspace .defi-page-heading>.defi-button{margin-top:0}.quote-composer{padding:19px}.quote-inputs{gap:16px 12px}.quote-provider-grid{grid-template-columns:1fr 1.2fr;gap:18px}.quote-metrics{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quote-metrics div{flex-direction:column;gap:5px}.quote-metrics dd{text-align:left}.quote-provider-action{justify-content:flex-start}.quote-method-content dl{grid-template-columns:1fr;gap:20px}}
@media(max-width:520px){.quote-inputs{gap:17px 12px}.quote-composer{padding:17px 15px}.quote-workspace .quote-section-heading{align-items:flex-start;gap:10px;margin-bottom:17px}.quote-readonly{font-size:13px}.quote-form-actions{gap:17px;margin-top:19px}.quote-form-actions>.defi-button{width:100%}.quote-provider{padding:17px 15px}.quote-provider-grid,.quote-provider.is-unavailable .quote-provider-grid{grid-template-columns:1fr;gap:16px}.quote-output-amount{font-size:26px}.quote-metrics{grid-template-columns:1fr;gap:8px}.quote-metrics div{flex-direction:row;font-size:15px;gap:12px}.quote-metrics dd{text-align:right}.quote-provider-action>.defi-button{width:100%;font-size:15px}.quote-provider-action{display:block}.quote-provider-footer{flex-direction:column;gap:8px;font-size:13px}.quote-provider-age{max-width:100%;text-align:left}.quote-empty{padding:28px 16px;min-height:230px}.quote-method summary{padding:17px 15px}.quote-method-content{padding:0 15px 20px}.dashboard-theme .app-content .quote-workspace .quote-section-heading h2{font-size:19px}.dashboard-theme .app-content .quote-workspace .quote-composer-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){.quote-spinner{animation:none}}

.quote-manual-note{font-size:14px;color:#9da9ab;line-height:1.6}
.dashboard-theme .app-content .quote-workspace .quote-coverage{font-size:14px;line-height:1.7;margin:16px 0 0;color:#aab5b8;overflow-wrap:anywhere}

.quote-embedded{margin:22px 0}
.dashboard-theme .app-content .quote-workspace .quote-account-note{font-size:14px;line-height:1.75;color:#a4b1b5;margin:15px 0 0}
.quote-account-note a,.quote-account-notice a{text-decoration:underline;text-underline-offset:3px;color:#efbd7e!important}
.quote-account-notice{margin:15px 0 0;padding:12px 14px;background:#19251f;border:1px solid #416350;border-radius:5px;color:#c1dfce;font-size:15px;line-height:1.7}

/* v2.8: concise results, complete precision on demand, one coverage summary. */
.quote-exact-value{margin-top:7px;font-size:14px;line-height:1.65;color:#acbbc0}
.quote-exact-value summary{cursor:pointer;color:#e2ba85;min-height:44px;display:flex;align-items:center;width:max-content;max-width:100%}
.quote-exact-value code,.quote-exact-value>span{display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal;font-size:14px;color:#cbd9db;user-select:text}
.dashboard-theme .app-content .quote-workspace .quote-ranking-note{font-size:15px;line-height:1.7;margin:0 0 15px;color:#bac8cd}
.quote-result-coverage{padding:0 16px;border:1px solid #354247;border-radius:6px;margin-top:13px;color:#aebfc7;font-size:15px;line-height:1.7}
.quote-result-coverage>summary{cursor:pointer;min-height:48px;padding:12px 0;color:#d0dde2}
.quote-result-coverage ul{padding-left:21px;margin:0 0 15px}
.quote-result-coverage li{margin:7px 0;overflow-wrap:anywhere}
.quote-provider-action .defi-button{min-height:44px}
.quote-provider{padding:16px 18px}
@media(max-width:520px){.quote-provider{padding:15px}.quote-output-amount{font-size:25px}.quote-empty{min-height:170px;padding:22px 15px}.quote-result-coverage{padding:0 13px}.quote-exact-value summary{font-size:15px}.quote-provider-status,.quote-output-label{font-size:14px}.quote-output-symbol{font-size:16px}}

/* v2.8.3: size the form against its card, not the viewport/sidebar combination.
   The one-column fallback keeps native token choices readable in narrow browsers. */
@container (min-width:550px){
  .quote-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quote-network{grid-column:1/-1}
}
@container (min-width:830px){
  .quote-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .quote-network{grid-column:auto}
  .quote-amount{grid-column:span 2}
}
@media(max-width:620px){.quote-field-help{font-size:16px}}