#panel-crosschain { letter-spacing: 0; }
.workspace:has(#panel-crosschain:not([hidden])) { max-width: 1100px; }
#transfer-discovery > .panel-heading { margin-bottom: 18px; }
.transfer-search-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr)); gap: 14px; }
#panel-crosschain input, #panel-crosschain select, #panel-crosschain .button { border-radius: 6px; letter-spacing: 0; }
.transfer-search-grid label { margin-bottom: 7px; font-size: 12px; }
.transfer-search-grid input { min-height: 44px; font-size: 13px; background: #151a1c; border-color: #354044; }
.transfer-search-input { position: relative; }
.transfer-search-input input { padding-right: 60px; }
#transfer-search-submit { position: absolute; right: 12px; top: 6px; color: #bccad5; }
.transfer-combobox { position: relative; }
.transfer-chain-options { position: absolute; z-index: 10; top: 100%; left: 0; right: 0; margin-top: 5px; max-height: 260px; overflow-y: auto; background: #202629; border: 1px solid #475356; border-radius: 6px; box-shadow: 0 8px 18px #0005; padding: 4px; }
.transfer-chain-option { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 39px; padding: 8px; text-align: left; color: #d9e2e4; background: none; border-radius: 4px; font-size: 12px; }
.transfer-chain-option:hover, .transfer-chain-option[aria-selected="true"] { background: #39484d; }
.transfer-chain-option span { color: #9baeb8; font-size: 10px; }
#transfer-discovery-message { margin: 10px 0; min-height: 18px; color: #a6b7c0; }
.transfer-asset-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.transfer-asset-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 10px; text-align: left; padding: 10px 12px; background: #1d2527; color: #dbe8e7; border: 1px solid #354345; border-radius: 6px; min-width: 0; }
.transfer-asset-option:hover { border-color: #a7c9c3; }
.transfer-asset-option strong { font-size: 13px; overflow-wrap: anywhere; }
.transfer-asset-option span { color: #a3bbc8; font-size: 11px; }
.transfer-asset-option small { grid-column: 1 / -1; font: 10px/1.5 ui-monospace, monospace; overflow-wrap: anywhere; color: #9eacaf; }
.transfer-selected-asset { display: flex; flex-wrap: wrap; gap: 5px 12px; margin: 12px 0; font-size: 12px; color: #c7ddd7; overflow-wrap: anywhere; }
.transfer-selected-asset small { font: 10px/1.7 ui-monospace, monospace; color: #95aab1; }
.transfer-bridge-list { margin-top: 8px; }
.transfer-bridge-row { border-top: 1px solid #344144; padding: 12px 0; }
.transfer-bridge-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.transfer-bridge-heading strong { font-size: 13px; color: #dae5e4; }
.transfer-bridge-status { font-size: 11px; color: #aec9d8; }
.transfer-bridge-status.blocked { color: #e4ac9f; }
.transfer-bridge-actions { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-left: auto; }
.transfer-bridge-actions button, .transfer-bridge-actions a { font-size: 12px; }
.transfer-bridge-actions .transfer-bridge-check, .transfer-check-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; width: 144px; max-width: 100%; padding: 10px 16px; border: 1px solid #a7c9c3; border-radius: 6px; background: #b6d9ce; color: #172522; font-size: 14px; font-weight: 600; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; letter-spacing: 0; }
.transfer-bridge-actions .transfer-bridge-check:not(:disabled):hover, .transfer-check-button:not(:disabled):hover { background: #dceae5; color: #172522; border-color: #dceae5; }
.transfer-bridge-actions .transfer-bridge-check:focus-visible, .transfer-check-button:focus-visible { outline: 2px solid #dceae5; outline-offset: 3px; }
.transfer-bridge-select { padding: 8px 12px; min-height: 34px; border-radius: 5px; color: #172522; background: #b6d9ce; }
.transfer-bridge-select[aria-pressed="true"] { background: #dceae5; }
.transfer-bridge-evidence { margin-top: 8px; color: #99afb4; font-size: 11px; }
.transfer-bridge-evidence summary { cursor: pointer; width: fit-content; }
.transfer-bridge-evidence p { margin-top: 6px; overflow-wrap: anywhere; }
.transfer-recent { margin: 18px 0; border-top: 1px solid #344144; padding-top: 12px; font-size: 12px; color: #a6b7b6; }
.transfer-recent > summary { cursor: pointer; }
.transfer-recent .history-panel { padding: 16px 0 0; border: 0; border-radius: 0; background: none; }
.transfer-recent .history-routes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: 250px; }
.transfer-recent h2, .transfer-recent h3 { font-size: 13px; letter-spacing: 0; }
.transfer-recent .rare-route-shortcuts { padding: 8px 0; border: 0; border-radius: 0; background: none; margin-bottom: 10px; }
#transfer-execution { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; border-top: 1px solid #344144; padding-top: 18px; }
#transfer-wallet-slot { grid-column: 1 / -1; }
#transfer-execution .wallet-bar { border: 0; border-radius: 0; background: none; margin-bottom: 0; padding: 0; }
#transfer-execution .transfer-panel, #transfer-execution .quote-panel { padding: 0; background: none; border: 0; border-radius: 0; }
#transfer-execution .quote-panel::before { display: none; }
#transfer-execution .panel-heading { margin-bottom: 14px; }
#transfer-execution h2 { font-size: 14px; letter-spacing: 0; }
#transfer-execution .amount-field { border-radius: 6px; background: #1c2425; padding: 13px; }
#transfer-execution .amount-input-wrap input { font-size: 24px; letter-spacing: 0; }
#transfer-execution .address-fields { margin-top: 15px; gap: 12px; }
#transfer-recipient-details { font-size: 12px; color: #a6b7b6; }
#transfer-recipient-details summary { cursor: pointer; overflow-wrap: anywhere; }
#transfer-recipient-details .field { margin-top: 12px; }
#transfer-execution:not(:has(#transfer-quote-panel:not([hidden]))) { grid-template-columns: minmax(0, 1fr); max-width: 560px; }
.transfer-bridge-evidence .transfer-bridge-actions { margin: 10px 0; }
#transfer-execution .quote-content { min-height: 160px; }
#transfer-execution .quote-empty .route-symbol, #transfer-execution .quote-footer { display: none; }
#transfer-execution .quote-empty { padding: 20px 10px; }
#transfer-execution .asset-identity { min-height: 0; margin: 0 0 12px; font-size: 10px; }
.navigation-tools { display: flex; align-items: center; gap: 14px; }
#advanced-check-open[aria-expanded="true"] { color: #dceae5; }
.transfer-check-line { margin-top: 10px; }
.transfer-check-result { margin: 8px 0 12px; font-size: 12px; line-height: 1.6; color: #c7ddd7; overflow-wrap: anywhere; }
.transfer-check-result p { margin: 4px 0; }
#transfer-check-summary { font-size: 13px; font-weight: 600; }
#transfer-check-scope { color: #bccad5; }
.transfer-check-result p:empty { display: none; }
.transfer-check-result[data-outcome="configuration_pass"], .transfer-check-result[data-outcome="partial"] { color: #dfcc9c; }
.transfer-check-result[data-outcome="blocked"], .transfer-check-result[data-outcome="amount_exceeded"], .transfer-check-result[data-outcome="insufficient_balance"] { color: #e4ac9f; }
.transfer-check-result[data-status="expired"], .transfer-check-result[data-outcome="unknown"] { color: #a6b7b6; }
#transfer-check-details { margin-top: 6px; font-size: 11px; color: #a6b7b6; }
#transfer-check-details summary { cursor: pointer; width: fit-content; }
#transfer-check-details dl { display: grid; grid-template-columns: minmax(70px, auto) minmax(0, 1fr); gap: 5px 10px; margin: 8px 0; }
#transfer-check-details dt, #transfer-check-details dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .transfer-search-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
  .transfer-query-field { grid-column: 1 / -1; }
  .transfer-asset-results { grid-template-columns: minmax(0, 1fr); }
  .transfer-recent .history-routes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #transfer-execution { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .transfer-bridge-heading { gap: 8px; }
  .transfer-bridge-heading > .transfer-bridge-actions { margin-left: auto; width: auto; }
  .transfer-bridge-select { margin-left: auto; }
  #transfer-execution .wallet-bar { align-items: center; }
  .navigation-tools { gap: 8px; }
}