/* Market display only: keep account cards, navigation and the globe untouched. */
#page-content .market-design-grid.fx-list-first {display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
#page-content .fx-list-first .market-explorer {min-width:0}
#page-content .fx-rates-list {min-width:0;width:100%}
#page-content .fx-market-results {display:flex;justify-content:space-between;align-items:flex-start;gap:8px 18px;flex-wrap:wrap;padding:8px 0 12px;font-size:12px}
#page-content .fx-market-results > div {display:grid;gap:4px;min-width:0;max-width:100%;overflow-wrap:anywhere}
#page-content .fx-market-results strong {font-size:12px;color:var(--text)}
#page-content .fx-market-results small {font-size:11px;line-height:1.4;text-align:left}
#page-content .fx-active-market-filters {font-size:11px;line-height:1.4}
#page-content .fx-rate-row {display:grid;grid-template-columns:minmax(130px,1.5fr) minmax(110px,1fr) 80px 90px minmax(80px,.8fr) 110px;align-items:center;gap:10px;padding:10px 0;min-height:58px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
#page-content .fx-rate-row.selected {background:#f0faf7;box-shadow:inset 3px 0 #08786a}
#page-content .fx-rate-row > * {min-width:0}
#page-content .fx-rate-pair {display:flex;align-items:center;gap:8px;background:transparent;border:0;text-align:left;color:var(--text);min-height:40px;padding:4px 8px;cursor:pointer}
#page-content .fx-rate-pair > span {min-width:0}
#page-content .fx-rate-pair b {font-size:13px;line-height:1.4;display:block}
#page-content .fx-rate-pair small {display:block;font-size:11px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
#page-content .fx-rate-pair .currency-flag {width:25px;height:17px;flex:none}
#page-content .fx-rate-price {text-align:right;font-size:14px;white-space:nowrap}
#page-content .fx-rate-day {text-align:right;font-size:12px;white-space:nowrap}
#page-content .fx-rate-trend svg {width:90px;max-width:100%;height:28px}
#page-content .fx-rate-trend {text-align:center}
#page-content .fx-rate-status {font-size:11px;line-height:1.4;overflow-wrap:anywhere}
#page-content .fx-rate-actions {display:flex;align-items:center;justify-content:flex-end;gap:4px}
#page-content .fx-rate-actions :is(button,.btn,.icon-button) {min-height:36px;min-width:30px;font-size:12px;padding:5px}
#page-content .fx-rate-head {display:grid;grid-template-columns:minmax(130px,1.5fr) minmax(110px,1fr) 80px 90px minmax(80px,.8fr) 110px;gap:10px;color:var(--muted);font-size:11px;font-weight:600;padding:8px 0}
#page-content .fx-rate-head > :is(:nth-child(2),:nth-child(3)) {text-align:right}
#page-content .fx-rate-status small {display:block;font-size:10px}
#page-content .fx-rate-more {display:block;grid-column:1/-1;font-size:11px;color:var(--muted);padding:0 8px}
#page-content .fx-rate-more > summary {cursor:pointer;min-height:20px;line-height:20px}
#page-content .fx-rate-more > div {display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 0;overflow-wrap:anywhere}
#page-content .fx-rate-mobile-trend svg {width:90px;height:28px}
#page-content .fx-public-refresh-warning {margin:12px 0;padding:10px 12px;border:1px solid #e9c776;border-radius:8px;background:#fff5df;color:#704100;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#page-content .fx-market-data-info {margin-top:12px;border-top:1px solid var(--line);padding-top:10px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
#page-content .fx-market-data-info > summary {cursor:pointer;color:var(--text);font-weight:600;min-height:36px;display:list-item;padding:6px 0}
#page-content .fx-market-data-info[open] > :not(summary) {margin-top:8px}
#page-content .fx-comparison-disclosure {margin-top:14px;min-width:0}
#page-content .fx-comparison-disclosure > summary {padding:12px 0;cursor:pointer;font-size:14px;font-weight:600}
#page-content .fx-chart-toggle {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
#page-content .fx-chart-expanded {min-width:0;margin-top:14px}
#page-content #market-chart-slot:empty {display:none}
#page-content .fx-chart-expanded > :is(header,.card-head) {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#page-content .fx-chart-expanded .market-chart-card {margin:0;min-width:0}
#page-content .fx-chart-expanded .chart-options {flex-wrap:wrap}
#page-content .fx-chart-expanded .large-chart {min-width:0;max-width:100%}
#page-content .fx-dashboard-market {min-width:0}
#page-content .fx-dashboard-market .fx-rate-row {grid-template-columns:minmax(98px,1.3fr) minmax(90px,1fr) 65px 50px minmax(57px,.7fr) 65px;gap:5px}
#page-content .fx-dashboard-market .fx-rate-head {grid-template-columns:minmax(98px,1.3fr) minmax(90px,1fr) 65px 50px minmax(57px,.7fr) 65px;gap:5px}
#page-content .fx-chart-expanded .large-chart {margin-left:0;width:100%}
#page-content .fx-list-first .market-currency-list {max-height:650px;overflow-y:auto}
#page-content .fx-dashboard-market .fx-rate-pair {padding-left:5px;gap:5px}
#page-content .fx-dashboard-market .fx-rate-pair small {display:none!important}
#page-content .fx-dashboard-market .fx-rate-pair .currency-flag {width:20px;height:14px}
#page-content .fx-dashboard-market .fx-rate-trend svg {width:50px}
#page-content .fx-dashboard-market .fx-rate-actions .icon-button {display:none}
#page-content .fx-dashboard-market .fx-rate-price {font-size:13px}
#page-content .fx-dashboard-market .card-head {flex-wrap:wrap}
#page-content .fx-dashboard-market .card-head p {font-size:12px}
#page-content:has(> .dashboard-page, > .market-search-bar, > .design-tabs [data-action="design-wallet-mode"]) .btn.primary {transition:background-color .15s,border-color .15s}
#page-content:has(> .dashboard-page, > .market-search-bar, > .design-tabs [data-action="design-wallet-mode"]) .btn.primary:hover:not(:disabled) {background:#055e54;border-color:#055e54;color:#fff}
#page-content:has(> .dashboard-page, > .market-search-bar, > .design-tabs [data-action="design-wallet-mode"]) .btn.primary:focus-visible {outline:3px solid #53b7a5;outline-offset:3px}
@media(min-width:768px) {
  #page-content .fx-rate-row {padding-top:6px;padding-bottom:6px;row-gap:0}
  #page-content .fx-rate-row > :is(.fx-rate-pair,.fx-rate-price,.fx-rate-day,.fx-rate-trend,.fx-rate-status) {grid-row:1/3}
  #page-content .fx-rate-actions {grid-column:6;grid-row:1}
  #page-content .fx-rate-actions :is(button,.btn,.icon-button) {min-height:30px}
  #page-content .fx-rate-more {grid-column:6;grid-row:2;padding:0;font-size:10px}
  #page-content .fx-rate-more > summary {min-height:18px;line-height:18px;text-align:right}
  #page-content .fx-rate-more[open] {grid-column:1/-1;grid-row:3;padding:4px 8px}
  #page-content .fx-rate-more[open] > summary {text-align:left}
}
@media (768px <= width < 1200px) {
  #page-content .fx-dashboard-market .fx-rate-row {grid-template-columns:minmax(94px,1.2fr) minmax(92px,1fr) 63px auto}
  #page-content .fx-dashboard-market .fx-rate-head {grid-template-columns:minmax(94px,1.2fr) minmax(92px,1fr) 63px auto}
  #page-content .fx-dashboard-market .fx-rate-head > :is(:nth-child(4),:nth-child(5)) {display:none}
  #page-content .fx-dashboard-market .fx-rate-trend {display:none}
  #page-content .fx-dashboard-market .fx-rate-row > .fx-rate-status {display:flex;align-items:center;flex-wrap:wrap;gap:5px;grid-column:1/3;grid-row:3;padding:0 5px}
  #page-content .fx-dashboard-market .fx-rate-status .badge {font-size:11px;line-height:1.3}
  #page-content .fx-dashboard-market .fx-rate-more {display:block;grid-column:3/-1;grid-row:3}
  #page-content .fx-dashboard-market .fx-rate-more[open] {grid-column:1/-1;grid-row:4}
  #page-content .fx-dashboard-market .fx-rate-actions {grid-column:4}
}
@media (width < 768px) {
  #page-content .fx-list-first .market-explorer {padding:12px}
  #page-content :is(.fx-rates-list,.fx-dashboard-market) .fx-rate-row {grid-template-columns:minmax(92px,1.05fr) minmax(98px,1fr) 64px;gap:5px;padding:8px 0;min-height:60px}
  #page-content :is(.fx-rates-list,.fx-dashboard-market) .fx-rate-head {grid-template-columns:minmax(92px,1.05fr) minmax(98px,1fr) 64px;gap:5px}
  #page-content .fx-rate-head > :nth-child(n+4) {display:none}
  #page-content .fx-rate-pair {padding:3px;gap:5px;min-height:40px}
  #page-content .fx-rate-pair b {font-size:12px;white-space:nowrap}
  #page-content .fx-rate-pair small {display:none!important}
  #page-content .fx-rate-pair .currency-flag {width:21px;height:14px}
  #page-content .fx-rate-price {font-size:13px}
  #page-content .fx-rate-day {font-size:12px}
  #page-content .fx-rate-row > :is(.fx-rate-trend,.fx-rate-actions) {display:none}
  #page-content .fx-rate-row > .fx-rate-status {display:flex;align-items:center;grid-column:1;grid-row:2;padding-left:4px;min-width:0}
  #page-content .fx-rate-row > .fx-rate-status small {display:none}
  #page-content .fx-rate-row > .fx-rate-status .badge {font-size:11px;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
  #page-content .fx-rate-more {grid-row:2;grid-column:2/-1}
  #page-content .fx-rate-more:not([open]) > summary {text-align:right}
  #page-content .fx-rate-more[open] {grid-row:3;grid-column:1/-1}
  #page-content .fx-rate-more {display:block;grid-column:2/-1;min-width:0;font-size:12px;color:var(--muted);padding:0 4px}
  #page-content .fx-rate-more > summary {min-height:28px;cursor:pointer;font-size:11px;line-height:28px;color:var(--muted)}
  #page-content .fx-rate-more[open] {padding-bottom:8px}
  #page-content .fx-rate-more :is(p,div,small) {overflow-wrap:anywhere}
  #page-content .fx-rate-more .fx-rate-trend {display:block;text-align:left}
  #page-content .fx-rate-more .fx-rate-trend svg {width:90px}
  #page-content .fx-rate-more .btn {min-height:40px;margin:6px 0}
  #page-content .fx-chart-expanded .market-chart-card {padding:12px}
  #page-content .fx-chart-expanded .quote-head {flex-wrap:wrap;gap:8px}
  #page-content .fx-chart-expanded .quote-head strong {font-size:22px;overflow-wrap:anywhere}
  #page-content .fx-chart-expanded .chart-toolbar {flex-wrap:wrap}
  #page-content .fx-chart-expanded .period-switch {flex-wrap:wrap}
  #page-content .fx-chart-expanded .quote-meta {flex-wrap:wrap;overflow-wrap:anywhere}
  #page-content .fx-chart-expanded :is(.chart-options,select) {max-width:100%;min-width:0}
}
@media (prefers-reduced-motion:reduce) {
  #page-content .btn.primary {transition:none}
}