/* Buttons use the existing select's options and Vue change handler. */
.h5-funds .fund-select[data-mex-network-native="1"] { display: none !important; }
.h5-funds .mex-network-picker { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; }
.h5-funds .mex-network-choice {
  -webkit-appearance: none; appearance: none; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; min-height: 56px; margin: 0; padding: 14px 12px;
  border: 1px solid #41484b; border-radius: 12px; background: #101415;
  color: #e7edef; font: inherit; font-size: 15px; font-weight: 600;
  cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
.h5-funds .mex-network-choice::before { content: ""; box-sizing: border-box; width: 17px; height: 17px; flex: 0 0 17px; border: 1px solid #778386; border-radius: 50%; }
.h5-funds .mex-network-choice[aria-pressed="true"] { border-color: #d8b760; background: #282619; color: #f6d978; }
.h5-funds .mex-network-choice[aria-pressed="true"]::before { border: 5px solid #d8b760; background: #101415; }
.h5-funds .mex-network-choice:focus-visible, .h5-funds .mex-network-reload:focus-visible { outline: 2px solid #f6d978; outline-offset: 3px; }
.h5-funds .mex-network-choice:disabled { opacity: .5; cursor: wait; }
.h5-funds .mex-network-pending { grid-column: 1 / -1; color: #adb8be; font-size: 13px; line-height: 1.6; }
.h5-funds .mex-network-reload { justify-self: start; grid-column: 1 / -1; border: 1px solid #d8b760; border-radius: 8px; padding: 9px 14px; background: #282619; color: #f6d978; font: inherit; font-size: 13px; cursor: pointer; touch-action: manipulation; }