/* DragonSafe visual polish.
 * Kept in ng-custom so iEXExchanger theme regeneration does not overwrite it.
 */

app-classic-theme .exchange-panel {
  background-color: rgb(24 31 49 / 80%) !important;
}

app-classic-theme .exchange-panel--details button[data-slot="button"][data-variant="default"].bg-primary {
  border-radius: 30px !important;
  box-shadow: 0 0 16px 0 rgb(70 177 255 / 60%) !important;
}

app-classic-theme .exchange-panel--details .bg-exchange-text .formatting__text {
  color: #98a2b8 !important;
}

app-classic-theme .exchange-panel--details .bg-primary\/10 .formatting__text {
  color: #b7c6da !important;
}

app-classic-theme .exchange-panel--details .bg-exchange-text strong {
  color: #ffffff !important;
}

/* Compact two-column exchange form. */
app-grid-theme button[data-slot="button"][data-variant="default"].bg-primary {
  border-radius: 30px !important;
  box-shadow: 0 0 16px 0 rgb(70 177 255 / 60%) !important;
}

app-grid-theme .bg-exchange-text .formatting__text {
  color: #98a2b8 !important;
}

app-grid-theme .bg-primary\/10 .formatting__text {
  color: #b7c6da !important;
}

app-grid-theme .bg-exchange-text strong {
  color: #ffffff !important;
}