:root {
  --platform-page-bg: radial-gradient(circle at top left, rgba(52, 84, 185, 0.18), transparent 28%), linear-gradient(180deg, #0a1026 0%, #070c1b 100%);
  --platform-surface-raised: var(--platform-surface, linear-gradient(180deg, #0d1532 0%, #090f24 100%));
  --platform-surface-flat: var(--platform-surface-soft, #101a3d);
  --platform-panel-border: var(--platform-border, #1b2958);
  --platform-panel-border-strong: var(--platform-border-strong, #22356d);
  --platform-accent-soft: rgba(52, 87, 200, 0.18);
  --platform-accent-soft-strong: rgba(52, 87, 200, 0.28);
  --platform-accent-glow: rgba(60, 102, 232, 0.24);
  --platform-overlay: rgba(7, 12, 27, 0.38);
  --platform-input-bg: rgba(12, 20, 49, 0.62);
  --platform-input-border: rgba(82, 103, 170, 0.22);
  --platform-chip-bg: rgba(255, 255, 255, 0.03);
  --platform-chip-border: rgba(89, 109, 171, 0.34);
  --platform-shadow-strong: var(--platform-shadow, 0 16px 40px rgba(3, 8, 24, 0.28));
  --buy: var(--platform-success, #22c55e);
  --sell: var(--platform-danger, #ef5350);
  --profit-pos: var(--platform-success, #22c55e);
  --profit-neg: var(--platform-danger, #ef5350);
  --dep-g1: var(--platform-success, #18a357);
  --dep-g2: var(--platform-success, #22b26c);
  --dep-g3: var(--platform-success, #2bd173);
}

:root[data-platform-theme='light'],
:root.theme-light {
  color-scheme: light;
  --platform-bg: #edf3fb;
  --platform-surface: linear-gradient(180deg, #ffffff 0%, #f3f7fd 100%);
  --platform-surface-soft: #f8fbff;
  --platform-border: #d6e0ee;
  --platform-border-strong: #c1d0e4;
  --platform-text: #1f2937;
  --platform-text-strong: #111827;
  --platform-text-muted: #4b5563;
  --platform-accent: #2f6fe5;
  --platform-accent-strong: #245ac1;
  --platform-success: #179356;
  --platform-danger: #d44d4d;
  --platform-page-bg: radial-gradient(circle at top left, rgba(81, 130, 229, 0.16), transparent 28%), linear-gradient(180deg, #fbfdff 0%, #eef3f9 100%);
  --platform-accent-soft: rgba(47, 111, 229, 0.12);
  --platform-accent-soft-strong: rgba(47, 111, 229, 0.2);
  --platform-accent-glow: rgba(47, 111, 229, 0.18);
  --platform-overlay: rgba(220, 228, 239, 0.68);
  --platform-input-bg: rgba(255, 255, 255, 0.92);
  --platform-input-border: rgba(134, 154, 189, 0.42);
  --platform-chip-bg: rgba(255, 255, 255, 0.9);
  --platform-chip-border: rgba(181, 196, 220, 0.8);
  --platform-shadow: 0 18px 36px rgba(148, 166, 196, 0.18);
  --platform-tv-background: #f7fbff;
  --platform-tv-grid: rgba(108, 131, 171, 0.16);
}

:root[data-platform-theme='dark'],
:root.theme-dark {
  color-scheme: dark;
}

:root[data-platform-theme='light'] .forex-market-overview__list,
:root.theme-light .forex-market-overview__list {
  scrollbar-color: rgba(111, 131, 170, 0.78) var(--platform-surface-soft);
}

:root[data-platform-theme='light'] .forex-market-overview__list::-webkit-scrollbar-track,
:root.theme-light .forex-market-overview__list::-webkit-scrollbar-track {
  background: var(--platform-surface-soft);
  border-radius: 999px;
}

:root[data-platform-theme='light'] header#navbar .region-navigation .header-back-trade-link,
:root.theme-light header#navbar .region-navigation .header-back-trade-link,
:root[data-platform-theme='light'] .header-deposit-btn,
:root.theme-light .header-deposit-btn,
:root[data-platform-theme='light'] .forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper button,
:root.theme-light .forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper button,
:root[data-platform-theme='light'] .create-order-wrapper .form-actions .action-wrapper button,
:root.theme-light .create-order-wrapper .form-actions .action-wrapper button,
:root[data-platform-theme='light'] .order-confirmation__action--buy,
:root.theme-light .order-confirmation__action--buy,
:root[data-platform-theme='light'] .order-confirmation__action--sell,
:root.theme-light .order-confirmation__action--sell {
  color: #fff !important;
}

:root[data-platform-theme='light'] header#navbar .region-navigation .header-back-trade-link:hover,
:root.theme-light header#navbar .region-navigation .header-back-trade-link:hover,
:root[data-platform-theme='light'] header#navbar .region-navigation .header-back-trade-link:focus,
:root.theme-light header#navbar .region-navigation .header-back-trade-link:focus,
:root[data-platform-theme='light'] .header-deposit-btn:hover,
:root.theme-light .header-deposit-btn:hover,
:root[data-platform-theme='light'] .header-deposit-btn:focus,
:root.theme-light .header-deposit-btn:focus,
:root[data-platform-theme='light'] .forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper button:hover,
:root.theme-light .forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper button:hover,
:root[data-platform-theme='light'] .forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper button:focus,
:root.theme-light .forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper button:focus,
:root[data-platform-theme='light'] .create-order-wrapper .form-actions .action-wrapper button:hover,
:root.theme-light .create-order-wrapper .form-actions .action-wrapper button:hover,
:root[data-platform-theme='light'] .create-order-wrapper .form-actions .action-wrapper button:focus,
:root.theme-light .create-order-wrapper .form-actions .action-wrapper button:focus,
:root[data-platform-theme='light'] .order-confirmation__action--buy:hover,
:root.theme-light .order-confirmation__action--buy:hover,
:root[data-platform-theme='light'] .order-confirmation__action--buy:focus,
:root.theme-light .order-confirmation__action--buy:focus,
:root[data-platform-theme='light'] .order-confirmation__action--sell:hover,
:root.theme-light .order-confirmation__action--sell:hover,
:root[data-platform-theme='light'] .order-confirmation__action--sell:focus,
:root.theme-light .order-confirmation__action--sell:focus {
  color: #fff !important;
}

:root[data-platform-theme='light'] .forex-create-assets-wrapper table tbody tr td .links .take-profit a,
:root.theme-light .forex-create-assets-wrapper table tbody tr td .links .take-profit a,
:root[data-platform-theme='light'] .forex-create-assets-wrapper table tbody tr td .links .stop-loss a,
:root.theme-light .forex-create-assets-wrapper table tbody tr td .links .stop-loss a,
:root[data-platform-theme='light'] .path-dashboard .table-responsive .table-striped tbody tr .links .take-profit a,
:root.theme-light .path-dashboard .table-responsive .table-striped tbody tr .links .take-profit a,
:root[data-platform-theme='light'] .path-dashboard .table-responsive .table-striped tbody tr .links .stop-loss a,
:root.theme-light .path-dashboard .table-responsive .table-striped tbody tr .links .stop-loss a {
  filter: brightness(0) saturate(100%);
}

@media (max-width: 767.98px) {
  :root[data-platform-theme='light'] .table-responsive .table tbody tr td input.order-level-inline-input[type=number],
  :root.theme-light .table-responsive .table tbody tr td input.order-level-inline-input[type=number] {
    background: var(--platform-input-bg) !important;
    border-color: var(--platform-input-border) !important;
    color: var(--platform-text-strong, #111827) !important;
  }

  :root[data-platform-theme='light'] .table-responsive .table tbody tr td input.order-level-inline-input[type=number]::placeholder,
  :root.theme-light .table-responsive .table tbody tr td input.order-level-inline-input[type=number]::placeholder {
    color: var(--platform-text-muted, #4b5563) !important;
  }

  :root[data-platform-theme='light'] .table-responsive .table tbody tr td input.order-level-inline-input[type=number]:focus,
  :root.theme-light .table-responsive .table tbody tr td input.order-level-inline-input[type=number]:focus {
    background: #fff !important;
    border-color: var(--platform-accent-strong, #245ac1) !important;
    box-shadow: 0 0 0 2px rgba(47, 111, 229, 0.18) !important;
  }
}

body {
  background: var(--platform-page-bg) !important;
  color: var(--platform-text, #e5edff) !important;
}

a,
.nav > li > a,
.menu a,
.dropdown-menu > li > a,
.dropdown-menu.links > li > a {
  color: var(--platform-text, #e5edff);
}

a:hover,
a:focus,
.nav > li > a:hover,
.nav > li > a:focus,
.menu a:hover,
.menu a:focus {
  color: var(--platform-text-strong, #f5f8ff);
}

header#navbar,
#navbar-collapse,
.forex-application-operations .dropdown-menu,
.path-dashboard .table-responsive,
.forex-application-chart-wrapper .panel-title,
.forex-application-chart-wrapper .panel-body,
.forex-create-left-wrapper > .form-wrapper,
.forex-create-center-wrapper > .form-wrapper,
.view-orders.view-display-id-close_order .table-responsive,
.view-orders.view-display-id-close_order .table-responsive tbody tr,
.forex-market-overview__panel,
.forex-market-overview__table-wrap,
.forex-application-assets-modal__dialog,
.forex-application-section--global-mobile-overview .forex-market-overview__panel,
.forex-chat,
.forex-chat__messages,
.forex-trading-bots-modal__dialog,
.forex-trading-bots-panel,
.deposit-popup-root .container,
.modal-content,
.ui-dialog,
.ui-dialog .ui-dialog-content,
.panel.panel-default,
.panel.panel-default > .panel-heading,
.panel.panel-default > .panel-body,
.block-forex-account-account-menu .form-group,
.menu--dashboard-account-menu {
  background: var(--platform-surface-raised) !important;
  color: var(--platform-text, #e5edff) !important;
  border-color: var(--platform-panel-border) !important;
  box-shadow: var(--platform-shadow-strong) !important;
}

#forex-chat-root {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.forex-application-assets-modal__dialog {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper button.is-trading-blocked,
.create-order-wrapper .form-actions .action-wrapper button.is-trading-blocked {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper button.is-trading-blocked::before,
.create-order-wrapper .form-actions .action-wrapper button.is-trading-blocked::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}

.trading-blocked-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

.trading-blocked-label__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}

.modal.show,
.modal.in,
.modal-backdrop,
.modal-backdrop.in,
.modal-backdrop.show,
.ui-widget-overlay,
.forex-trading-bots-modal__backdrop,
.forex-application-assets-modal__backdrop {
  background: var(--platform-overlay) !important;
}

.panel-title,
.panel-heading,
.forex-trading-bots-modal__title,
.forex-market-overview__title,
.forex-chat__title,
.view table th,
.table th,
label,
.control-label,
details > summary {
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.hours-data-wrapper .title,
.recent-deal-title,
.order-book-header,
.views-label,
.description,
.help-block,
.form-item-description,
.forex-chat__timestamp,
.forex-trading-bots-modal__subtitle,
.forex-trading-bots-grid__actions-label,
.forex-trading-bots-toolbar__stat-label,
.forex-trading-bots-asset-picker__label,
.wallet-select,
.address-details label,
.view table th,
.table th,
td,
.table td {
  color: var(--platform-text-muted, #7f90c0) !important;
}

.table > tbody > tr > td,
.table > thead > tr > th,
.view table td,
.view table th,
.forex-market-overview__row,
.forex-chat__message,
.forex-trading-bots-row__field,
.address-details,
.wallet-select,
.deposit-popup-root .gateway-info {
  border-color: var(--platform-panel-border) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea,
.form-control,
.forex-chat__input,
.wallet-select,
.address-display,
.forex-trading-bots-row__field input,
.forex-trading-bots-row__field select,
.forex-trading-bots-asset-picker__select {
  background: var(--platform-input-bg) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  border-color: var(--platform-input-border) !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder,
.forex-chat__input::placeholder {
  color: var(--platform-text-muted, #7f90c0) !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.forex-chat__input:focus,
.forex-trading-bots-row__field input:focus,
.forex-trading-bots-row__field select:focus {
  border-color: var(--platform-accent-strong, #3c66e8) !important;
  box-shadow: 0 0 0 3px var(--platform-accent-glow) !important;
  outline: none !important;
}

.btn,
button,
.button,
.form-submit,
a.button,
.forex-chat__send,
.forex-trading-bots-modal__close {
  border-color: var(--platform-accent-strong, #3c66e8);
}

.btn-primary,
.button--primary,
.form-actions .btn,
.form-actions .button,
.form-actions .form-submit,
.forex-chat__send {
  background: linear-gradient(180deg, var(--platform-accent, #26a99d) 0%, var(--platform-accent-strong, #3c66e8) 100%) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
}

.btn:hover,
button:hover,
.button:hover,
.form-submit:hover,
.btn:focus,
button:focus,
.button:focus,
.form-submit:focus,
.forex-chat__send:hover,
.forex-chat__send:focus {
  color: var(--platform-text-strong, #f5f8ff) !important;
}

:root[data-platform-theme='light'] .forex-trading-bots-toolbar__stat,
:root.theme-light .forex-trading-bots-toolbar__stat,
:root[data-platform-theme='light'] .forex-trading-bots-panel,
:root.theme-light .forex-trading-bots-panel,
:root[data-platform-theme='light'] .forex-trading-bots-row,
:root.theme-light .forex-trading-bots-row,
:root[data-platform-theme='light'] .forex-trading-bots-asset-picker__preview,
:root.theme-light .forex-trading-bots-asset-picker__preview {
  background: var(--platform-surface-soft) !important;
  border-color: var(--platform-border-strong) !important;
  color: var(--platform-text-strong) !important;
}

:root[data-platform-theme='light'] .forex-trading-bots-modal__eyebrow,
:root.theme-light .forex-trading-bots-modal__eyebrow {
  color: #7da8ff !important;
}

:root[data-platform-theme='light'] .forex-trading-bots-toolbar__count,
:root.theme-light .forex-trading-bots-toolbar__count,
:root[data-platform-theme='light'] .forex-trading-bots-toolbar__balance,
:root.theme-light .forex-trading-bots-toolbar__balance {
  color: var(--platform-text-strong) !important;
}

:root[data-platform-theme='light'] .forex-trading-bots-modal__close,
:root.theme-light .forex-trading-bots-modal__close,
:root[data-platform-theme='light'] .forex-trading-bots-toolbar__add,
:root.theme-light .forex-trading-bots-toolbar__add,
:root[data-platform-theme='light'] .forex-trading-bots-row__save,
:root.theme-light .forex-trading-bots-row__save,
:root[data-platform-theme='light'] .forex-trading-bots-row__delete,
:root.theme-light .forex-trading-bots-row__delete,
:root[data-platform-theme='light'] .forex-trading-bots-row__cancel,
:root.theme-light .forex-trading-bots-row__cancel {
  color: var(--platform-text-muted) !important;
}

:root[data-platform-theme='light'] .forex-trading-bots-modal__close:hover,
:root.theme-light .forex-trading-bots-modal__close:hover,
:root[data-platform-theme='light'] .forex-trading-bots-modal__close:focus,
:root.theme-light .forex-trading-bots-modal__close:focus,
:root[data-platform-theme='light'] .forex-trading-bots-toolbar__add:hover,
:root.theme-light .forex-trading-bots-toolbar__add:hover,
:root[data-platform-theme='light'] .forex-trading-bots-toolbar__add:focus,
:root.theme-light .forex-trading-bots-toolbar__add:focus,
:root[data-platform-theme='light'] .forex-trading-bots-row__save:hover,
:root.theme-light .forex-trading-bots-row__save:hover,
:root[data-platform-theme='light'] .forex-trading-bots-row__save:focus,
:root.theme-light .forex-trading-bots-row__save:focus,
:root[data-platform-theme='light'] .forex-trading-bots-row__delete:hover,
:root.theme-light .forex-trading-bots-row__delete:hover,
:root[data-platform-theme='light'] .forex-trading-bots-row__delete:focus,
:root.theme-light .forex-trading-bots-row__delete:focus,
:root[data-platform-theme='light'] .forex-trading-bots-row__cancel:hover,
:root.theme-light .forex-trading-bots-row__cancel:hover,
:root[data-platform-theme='light'] .forex-trading-bots-row__cancel:focus,
:root.theme-light .forex-trading-bots-row__cancel:focus {
  color: var(--platform-text-strong) !important;
}

:root[data-platform-theme='light'] .forex-trading-bots-asset-picker__icon,
:root.theme-light .forex-trading-bots-asset-picker__icon {
  border-color: var(--platform-border-strong) !important;
}

:root[data-platform-theme='light'] .forex-trading-bots-row__toggle.is-on,
:root.theme-light .forex-trading-bots-row__toggle.is-on {
  background: rgba(22, 122, 82, 0.14) !important;
  border-color: rgba(36, 160, 106, 0.34) !important;
  color: #167a52 !important;
}

:root[data-platform-theme='light'] .forex-trading-bots-row__toggle.is-off,
:root.theme-light .forex-trading-bots-row__toggle.is-off {
  background: rgba(184, 52, 67, 0.1) !important;
  border-color: rgba(220, 83, 99, 0.24) !important;
  color: #b83443 !important;
}

.btn-default,
.button:not(.btn-danger):not(.btn-success):not(.btn-primary),
.balance-dashboard__action-link,
.balance-dashboard__period,
.language-switcher-language-url .links,
.header-logout-link {
  background: var(--platform-chip-bg) !important;
  color: var(--platform-text, #e5edff) !important;
  border-color: var(--platform-chip-border) !important;
}

.balance-dashboard__action-link--deposit,
.balance-dashboard__period.is-active,
.language-switcher-language-url .links li a.is-active,
.language-switcher-language-url .links li a:hover {
  background: var(--platform-accent-soft) !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
}

:root[data-platform-theme='light'] .menu--dashboard-account-menu li a.is-active,
:root.theme-light .menu--dashboard-account-menu li a.is-active,
:root[data-platform-theme='light'] .block-forex-account-account-menu .menu--dashboard-account-menu li a.is-active,
:root.theme-light .block-forex-account-account-menu .menu--dashboard-account-menu li a.is-active {
  background: linear-gradient(180deg, rgba(21, 33, 75, 0.98), rgba(17, 27, 63, 0.98)) !important;
  border-color: rgba(41, 98, 255, 0.24) !important;
  box-shadow: inset 0 0 0 1px rgba(41, 98, 255, 0.14) !important;
  color: #fff !important;
}

:root[data-platform-theme='light'] .menu--dashboard-account-menu li a.account.is-active:before,
:root.theme-light .menu--dashboard-account-menu li a.account.is-active:before,
:root[data-platform-theme='light'] .block-forex-account-account-menu .menu--dashboard-account-menu li a.account.is-active:before,
:root.theme-light .block-forex-account-account-menu .menu--dashboard-account-menu li a.account.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon11.png) !important;
}

:root[data-platform-theme='light'] .menu--dashboard-account-menu li a.balance.is-active:before,
:root.theme-light .menu--dashboard-account-menu li a.balance.is-active:before,
:root[data-platform-theme='light'] .block-forex-account-account-menu .menu--dashboard-account-menu li a.balance.is-active:before,
:root.theme-light .block-forex-account-account-menu .menu--dashboard-account-menu li a.balance.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon22.png) !important;
}

:root[data-platform-theme='light'] .menu--dashboard-account-menu li a.trade.is-active:before,
:root.theme-light .menu--dashboard-account-menu li a.trade.is-active:before,
:root[data-platform-theme='light'] .block-forex-account-account-menu .menu--dashboard-account-menu li a.trade.is-active:before,
:root.theme-light .block-forex-account-account-menu .menu--dashboard-account-menu li a.trade.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon44.png) !important;
}

form.user-account-form .form-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
}

form.user-verification-form .form-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
}

form.user-account-form .form-actions .btn,
form.user-account-form .form-actions button,
form.user-account-form .form-actions .button,
form.user-account-form .form-actions .form-submit {
  flex: 0 1 280px;
  width: 280px !important;
  max-width: 100%;
  min-width: 220px;
  height: 44px;
  min-height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(18, 29, 66, 0.82) !important;
  border: 1px solid rgba(60, 102, 232, 0.45) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  vertical-align: middle;
}

form.user-verification-form .form-actions .btn,
form.user-verification-form .form-actions button,
form.user-verification-form .form-actions .button,
form.user-verification-form .form-actions .form-submit {
  flex: 0 1 280px;
  width: 280px !important;
  max-width: 100%;
  min-width: 220px;
  height: 44px;
  min-height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(18, 29, 66, 0.82) !important;
  border: 1px solid rgba(74, 114, 255, 0.72) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  vertical-align: middle;
}

form.user-account-form .form-actions .form-submit {
  border-color: rgba(74, 114, 255, 0.72) !important;
}

form.user-account-form .form-actions .button.verification-button {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

form.user-verification-form .form-actions .btn:hover,
form.user-verification-form .form-actions button:hover,
form.user-verification-form .form-actions .button:hover,
form.user-verification-form .form-actions .form-submit:hover,
form.user-verification-form .form-actions .btn:focus,
form.user-verification-form .form-actions button:focus,
form.user-verification-form .form-actions .button:focus,
form.user-verification-form .form-actions .form-submit:focus {
  background: rgba(22, 35, 76, 0.92) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
  box-shadow: none !important;
}

form.user-account-form .form-actions .btn:hover,
form.user-account-form .form-actions button:hover,
form.user-account-form .form-actions .button:hover,
form.user-account-form .form-actions .form-submit:hover,
form.user-account-form .form-actions .btn:focus,
form.user-account-form .form-actions button:focus,
form.user-account-form .form-actions .button:focus,
form.user-account-form .form-actions .form-submit:focus {
  background: rgba(22, 35, 76, 0.92) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
  box-shadow: none !important;
}

:root[data-platform-theme='light'] form.user-account-form .form-actions .btn,
:root.theme-light form.user-account-form .form-actions .btn,
:root[data-platform-theme='light'] form.user-account-form .form-actions button,
:root.theme-light form.user-account-form .form-actions button,
:root[data-platform-theme='light'] form.user-account-form .form-actions .button,
:root.theme-light form.user-account-form .form-actions .button,
:root[data-platform-theme='light'] form.user-account-form .form-actions .form-submit,
:root.theme-light form.user-account-form .form-actions .form-submit,
:root[data-platform-theme='light'] form.user-verification-form .form-actions .btn,
:root.theme-light form.user-verification-form .form-actions .btn,
:root[data-platform-theme='light'] form.user-verification-form .form-actions button,
:root.theme-light form.user-verification-form .form-actions button,
:root[data-platform-theme='light'] form.user-verification-form .form-actions .button,
:root.theme-light form.user-verification-form .form-actions .button,
:root[data-platform-theme='light'] form.user-verification-form .form-actions .form-submit,
:root.theme-light form.user-verification-form .form-actions .form-submit {
  background: var(--platform-surface-soft) !important;
  border-color: var(--platform-border-strong) !important;
  color: var(--platform-text-strong) !important;
}

:root[data-platform-theme='light'] form.user-account-form .form-actions .btn:hover,
:root.theme-light form.user-account-form .form-actions .btn:hover,
:root[data-platform-theme='light'] form.user-account-form .form-actions button:hover,
:root.theme-light form.user-account-form .form-actions button:hover,
:root[data-platform-theme='light'] form.user-account-form .form-actions .button:hover,
:root.theme-light form.user-account-form .form-actions .button:hover,
:root[data-platform-theme='light'] form.user-account-form .form-actions .form-submit:hover,
:root.theme-light form.user-account-form .form-actions .form-submit:hover,
:root[data-platform-theme='light'] form.user-account-form .form-actions .btn:focus,
:root.theme-light form.user-account-form .form-actions .btn:focus,
:root[data-platform-theme='light'] form.user-account-form .form-actions button:focus,
:root.theme-light form.user-account-form .form-actions button:focus,
:root[data-platform-theme='light'] form.user-account-form .form-actions .button:focus,
:root.theme-light form.user-account-form .form-actions .button:focus,
:root[data-platform-theme='light'] form.user-account-form .form-actions .form-submit:focus,
:root.theme-light form.user-account-form .form-actions .form-submit:focus,
:root[data-platform-theme='light'] form.user-verification-form .form-actions .btn:hover,
:root.theme-light form.user-verification-form .form-actions .btn:hover,
:root[data-platform-theme='light'] form.user-verification-form .form-actions button:hover,
:root.theme-light form.user-verification-form .form-actions button:hover,
:root[data-platform-theme='light'] form.user-verification-form .form-actions .button:hover,
:root.theme-light form.user-verification-form .form-actions .button:hover,
:root[data-platform-theme='light'] form.user-verification-form .form-actions .form-submit:hover,
:root.theme-light form.user-verification-form .form-actions .form-submit:hover,
:root[data-platform-theme='light'] form.user-verification-form .form-actions .btn:focus,
:root.theme-light form.user-verification-form .form-actions .btn:focus,
:root[data-platform-theme='light'] form.user-verification-form .form-actions button:focus,
:root.theme-light form.user-verification-form .form-actions button:focus,
:root[data-platform-theme='light'] form.user-verification-form .form-actions .button:focus,
:root.theme-light form.user-verification-form .form-actions .button:focus,
:root[data-platform-theme='light'] form.user-verification-form .form-actions .form-submit:focus,
:root.theme-light form.user-verification-form .form-actions .form-submit:focus {
  background: #fff !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
  color: var(--platform-text-strong) !important;
}

:root[data-platform-theme='light'] .path-dashboard .balance-dashboard__stat,
:root.theme-light .path-dashboard .balance-dashboard__stat,
:root[data-platform-theme='light'] .path-dashboard .balance-dashboard__activity-stat,
:root.theme-light .path-dashboard .balance-dashboard__activity-stat,
:root[data-platform-theme='light'] .path-dashboard .balance-dashboard__activity-icon,
:root.theme-light .path-dashboard .balance-dashboard__activity-icon,
:root[data-platform-theme='light'] .path-dashboard .trades-dashboard__asset-track,
:root.theme-light .path-dashboard .trades-dashboard__asset-track,
:root[data-platform-theme='light'] .path-dashboard .trades-dashboard__chart-barbox {
  background: var(--platform-surface-soft) !important;
  border-color: var(--platform-border-strong) !important;
}

:root[data-platform-theme='light'] .path-dashboard .balance-dashboard__ring:before,
:root.theme-light .path-dashboard .balance-dashboard__ring:before {
  background: var(--platform-surface-raised) !important;
}

:root[data-platform-theme='light'] .path-dashboard .balance-dashboard__ring-icon,
:root.theme-light .path-dashboard .balance-dashboard__ring-icon {
  border-color: #fff !important;
}

:root[data-platform-theme='light'] .path-dashboard .trades-dashboard__chart-barbox {
  background:
    linear-gradient(rgba(181, 196, 220, 0.55), rgba(181, 196, 220, 0.55)) center 18%/100% 1px no-repeat,
    linear-gradient(rgba(181, 196, 220, 0.78), rgba(181, 196, 220, 0.78)) center 50%/100% 1px no-repeat,
    linear-gradient(rgba(181, 196, 220, 0.55), rgba(181, 196, 220, 0.55)) center 82%/100% 1px no-repeat,
    var(--platform-surface-soft) !important;
}

@media (max-width: 767.98px) {
  form.user-verification-form .form-actions .btn,
  form.user-verification-form .form-actions button,
  form.user-verification-form .form-actions .button,
  form.user-verification-form .form-actions .form-submit,
  form.user-account-form .form-actions .btn,
  form.user-account-form .form-actions button,
  form.user-account-form .form-actions .button,
  form.user-account-form .form-actions .form-submit {
    width: 100% !important;
    flex-basis: 100%;
    min-width: 0;
  }
}

.btn-success,
.is-success,
.price-change.up,
.profit-sign--positive,
.potential-profit.profit-sign--positive,
.potential-profit.profit--up,
.price-delta--up,
.green,
.views-field-profit.green,
.views-field-field-profit.green {
  color: var(--platform-success, #22c55e) !important;
  border-color: var(--platform-success, #22c55e) !important;
}

.btn-danger,
.is-error,
.is-warning,
.price-change.down,
.profit-sign--negative,
.potential-profit.profit-sign--negative,
.potential-profit.profit--down,
.price-delta--down,
.red,
.views-field-profit.red,
.views-field-field-profit.red,
.messages--error {
  color: var(--platform-danger, #ef5350) !important;
  border-color: var(--platform-danger, #ef5350) !important;
}

.profit-sign--zero,
.potential-profit.profit-sign--zero {
  color: var(--platform-text-strong, #f5f8ff) !important;
}

:root[data-platform-theme='dark'],
:root.theme-dark,
:root[data-platform-theme='light'],
:root.theme-light {
  --tv-color-platform-background: var(--platform-bg, #090f24);
  --tv-color-pane-background: var(--platform-bg, #090f24);
  --tv-color-pane-background-secondary: var(--platform-surface-soft, #101a3d);
}

.platform-theme-switcher {
  align-items: center;
  background: var(--platform-chip-bg) !important;
  border: 1px solid var(--platform-chip-border) !important;
  border-radius: 999px;
  color: var(--platform-text-strong, #f5f8ff) !important;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 1;
  margin-left: 12px;
  padding: 9px;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

header#navbar .region-navigation .platform-theme-switcher--desktop {
  margin-left: -6px;
  margin-right: 16px;
  order: 3;
}

.platform-theme-switcher:hover,
.platform-theme-switcher:focus {
  background: var(--platform-accent-soft) !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
  box-shadow: 0 0 0 2px var(--platform-accent-glow) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  outline: none;
}

.platform-theme-switcher__icon {
  align-items: center;
  display: inline-flex;
}

.platform-theme-switcher__icon svg {
  fill: none;
  display: none;
  height: 16px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 16px;
}

:root[data-platform-theme='dark'] .platform-theme-switcher[data-theme-current='dark'] .platform-theme-switcher__icon-sun,
:root.theme-dark .platform-theme-switcher[data-theme-current='dark'] .platform-theme-switcher__icon-sun,
:root[data-platform-theme='light'] .platform-theme-switcher[data-theme-current='light'] .platform-theme-switcher__icon-moon,
:root.theme-light .platform-theme-switcher[data-theme-current='light'] .platform-theme-switcher__icon-moon {
  display: block;
}

.platform-theme-switcher--mobile {
  display: none;
}

@media (max-width: 767.98px) {
  header#navbar .region-navigation .platform-theme-switcher--desktop {
    display: none !important;
  }

  #navbar-collapse .mobile-menu-controls {
    order: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin: 4px auto 16px;
  }

  #navbar-collapse .platform-theme-switcher--mobile {
    display: inline-flex;
    flex: 0 0 auto;
    margin: 0;
  }

  #navbar-collapse .mobile-menu-controls .language-switcher-language-url--mobile-menu {
    display: flex;
    order: 0;
    width: auto;
    max-width: none;
    margin: 0;
    align-self: center;
  }

  #navbar-collapse .mobile-menu-controls .language-switcher-language-url--mobile-menu .links {
    width: auto;
  }
}

header#navbar .region-navigation .hours-data-wrapper > div,
header#navbar #block-order-statistics .hours-data-wrapper > div,
header#navbar .region-navigation #block-order-statistics .hours-data-wrapper > div {
  background: var(--platform-surface-flat) !important;
  border: 1px solid var(--platform-panel-border) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  box-shadow: var(--platform-shadow-strong) !important;
}

header#navbar .region-navigation .hours-data-wrapper > div .title,
header#navbar #block-order-statistics .hours-data-wrapper > div .title,
header#navbar .region-navigation #block-order-statistics .hours-data-wrapper > div .title {
  color: var(--platform-text-muted, #7f90c0) !important;
}

header#navbar .region-navigation .hours-data-wrapper > div .value,
header#navbar #block-order-statistics .hours-data-wrapper > div .value,
header#navbar .region-navigation #block-order-statistics .hours-data-wrapper > div .value {
  color: var(--platform-text-strong, #f5f8ff) !important;
}

header#navbar .region-navigation .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--positive,
header#navbar #block-order-statistics .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--positive,
header#navbar .region-navigation #block-order-statistics .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--positive,
#block-order-statistics .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--positive {
  color: var(--platform-success, #22c55e) !important;
}

header#navbar .region-navigation .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--negative,
header#navbar #block-order-statistics .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--negative,
header#navbar .region-navigation #block-order-statistics .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--negative,
#block-order-statistics .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--negative {
  color: var(--platform-danger, #ef5350) !important;
}

header#navbar .region-navigation .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--zero,
header#navbar #block-order-statistics .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--zero,
header#navbar .region-navigation #block-order-statistics .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--zero,
#block-order-statistics .hours-data-wrapper > div.profit-loss-wrapper .value.profit-sign--zero {
  color: var(--platform-text-strong, #f5f8ff) !important;
}

:root[data-platform-theme='light'] header#navbar .region-navigation .hours-data-wrapper > div,
:root.theme-light header#navbar .region-navigation .hours-data-wrapper > div,
:root[data-platform-theme='light'] header#navbar #block-order-statistics .hours-data-wrapper > div,
:root.theme-light header#navbar #block-order-statistics .hours-data-wrapper > div,
:root[data-platform-theme='light'] header#navbar .region-navigation #block-order-statistics .hours-data-wrapper > div,
:root.theme-light header#navbar .region-navigation #block-order-statistics .hours-data-wrapper > div {
  background: transparent !important;
  box-shadow: none !important;
}

.forex-application-chart__timeframe,
.forex-application-chart__timeframe-select,
.forex-application-chart__indicator-trigger,
.forex-application-chart__indicator-secondary,
.forex-application-chart__indicator-primary,
.forex-application-mobile-toggle__button,
.order-leverage-overview__trigger,
.leverage-modal__step,
.leverage-modal__mark {
  background: var(--platform-surface-flat) !important;
  border-color: var(--platform-panel-border) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.forex-application-chart__timeframe:hover,
.forex-application-chart__timeframe:focus,
.forex-application-chart__timeframe.is-active,
.forex-application-chart__timeframe-select:hover,
.forex-application-chart__timeframe-select:focus,
.forex-application-chart__indicator-trigger:hover,
.forex-application-chart__indicator-trigger:focus,
.forex-application-chart__indicator-secondary:hover,
.forex-application-chart__indicator-secondary:focus,
.forex-application-chart__indicator-primary:hover,
.forex-application-chart__indicator-primary:focus,
.order-leverage-overview__trigger:hover,
.order-leverage-overview__trigger:focus,
.leverage-modal__step:hover,
.leverage-modal__mark:hover,
.leverage-modal__mark.is-active {
  background: var(--platform-accent-soft) !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  box-shadow: 0 0 0 3px var(--platform-accent-glow) !important;
}

.forex-application-chart__indicator-count {
  background: var(--platform-accent-soft) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.forex-application-chart__indicator-dialog,
.leverage-modal,
#leverage-modal .modal-content,
#order-modal .modal-content,
.order-confirmation,
.order-summary,
.forex-create-order-wrapper .order-risk-panel,
.forex-create-assets-wrapper,
.trades-dashboard__card,
.trades-dashboard__history-table .table-responsive,
.view-orders.view-display-id-history .table-responsive,
.view-orders.view-display-id-open_order .table-responsive,
.view-orders.view-display-id-close_order .table-responsive {
  background: var(--platform-surface-raised) !important;
  border-color: var(--platform-panel-border) !important;
  color: var(--platform-text, #e5edff) !important;
  box-shadow: var(--platform-shadow-strong) !important;
}

.forex-application-chart__indicator-header,
.forex-application-chart__indicator-search,
.forex-application-chart__indicator-actions,
.trades-dashboard__history-table,
.forex-create-assets-wrapper .quicktabs-tabs,
.order-summary__row,
.order-risk-panel__body,
#navbar-collapse #block-mobile-account-menu .user--type-user {
  border-color: var(--platform-panel-border) !important;
}

.forex-application-chart__indicator-subtitle,
.forex-application-chart__indicator-status,
.forex-application-chart__indicator-search-icon,
.forex-application-chart__indicator-input::placeholder,
.order-risk-panel__toggle,
.order-risk-panel__field-label,
.order-summary__label,
.contract-details .title,
.quicktabs-tabs li a,
.trades-dashboard__sort-head:after {
  color: var(--platform-text-muted, #7f90c0) !important;
}

.forex-application-chart__indicator-input,
.forex-application-chart__indicator-title,
.forex-application-chart__indicator-name,
.order-summary__value,
.wrapper-order-item .value,
.wrapper-order-item .value.price,
.contract-details > div,
.forex-current-asset-title,
.quicktabs-tabs li.active a,
.view-orders.view-display-id-history td,
.view-orders.view-display-id-open_order td,
.view-orders.view-display-id-close_order td {
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.forex-application-sidebar,
.forex-application-sidebar__toggle,
.forex-application-sidebar__link.is-active,
.forex-application-sidebar.forex-application-sidebar--global-mobile {
  background: var(--platform-surface-raised) !important;
  border-color: var(--platform-panel-border) !important;
  box-shadow: var(--platform-shadow-strong) !important;
}

.forex-application-sidebar__link,
.forex-application-sidebar__toggle,
.forex-application-sidebar__icon img {
  color: var(--platform-text, #e5edff) !important;
}

.forex-application-sidebar__link:hover,
.forex-application-sidebar__link:focus,
.forex-application-sidebar__toggle:hover,
.forex-application-sidebar__toggle:focus,
.forex-application-sidebar__link.is-active {
  background: var(--platform-accent-soft) !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-heading .panel-title:before,
.forex-create-assets-wrapper .quicktabs-tabs li.active a,
.forex-application-chart__timeframe.is-active {
  border-color: var(--platform-accent-strong, #3c66e8) !important;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-heading .panel-title:before {
  background-color: var(--platform-accent, #26a99d) !important;
}

.forex-create-left-wrapper .forex-create-order-wrapper .field--name-field-volume .form-inline input,
.forex-create-left-wrapper .forex-create-order-wrapper .order-risk-panel .form-type-number input,
.create-order-wrapper input[type="text"],
.create-order-wrapper input[type="number"] {
  background: var(--platform-input-bg) !important;
  border-color: var(--platform-input-border) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.forex-create-left-wrapper .forex-create-order-wrapper .field--name-field-volume .control-label,
.create-order-wrapper label,
.wrapper-order-item label,
.forex-create-assets-wrapper table thead th,
.view-orders.view-display-id-history thead th,
.view-orders.view-display-id-open_order thead th,
.view-orders.view-display-id-close_order thead th {
  color: var(--platform-text-muted, #7f90c0) !important;
}

.forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper button,
.create-order-wrapper .form-actions .action-wrapper button {
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper button:not(.sell-wrapper),
.create-order-wrapper .form-actions .action-wrapper button:not(.sell-wrapper),
.order-confirmation__action--buy {
  background: var(--platform-success, #22c55e) !important;
  border-color: var(--platform-success, #22c55e) !important;
}

.forex-create-left-wrapper .forex-create-order-wrapper .form-actions .action-wrapper .sell-wrapper,
.create-order-wrapper .form-actions .action-wrapper .sell-wrapper,
.order-confirmation__action--sell {
  background: var(--platform-danger, #ef5350) !important;
  border-color: var(--platform-danger, #ef5350) !important;
}

.order-confirmation__action--buy,
.order-confirmation__action--sell {
  color: #fff !important;
}

:root[data-platform-theme='light'] .view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] span.profit-sign--zero,
:root.theme-light .view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] span.profit-sign--zero {
  color: var(--platform-text-strong, #111827) !important;
}

.forex-create-assets-wrapper,
.trades-dashboard__card,
.view-orders.view-display-id-history .table-responsive,
.view-orders.view-display-id-close_order .table-responsive tbody tr,
.path-dashboard .trades-dashboard .view-orders.view-display-id-history .table-responsive tbody tr {
  background: var(--platform-surface-raised) !important;
  border: 1px solid var(--platform-panel-border) !important;
}

.forex-create-assets-wrapper .quicktabs-tabs li a,
.view-orders.view-display-id-history td.views-field-field-assets a,
.path-dashboard .trades-dashboard .view-orders.view-display-id-history td.views-field-field-assets a {
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.view-orders.view-display-id-history td.views-field-field-volume::before,
.view-orders.view-display-id-history td.views-field-field-margin::before,
.view-orders.view-display-id-history td.views-field-field-price::before,
.view-orders.view-display-id-history td.views-field-field-final-price::before,
.path-dashboard .trades-dashboard .view-orders.view-display-id-history td.views-field-field-volume::before,
.path-dashboard .trades-dashboard .view-orders.view-display-id-history td.views-field-field-margin::before,
.path-dashboard .trades-dashboard .view-orders.view-display-id-history td.views-field-field-price::before,
.path-dashboard .trades-dashboard .view-orders.view-display-id-history td.views-field-field-final-price::before {
  color: var(--platform-text-muted, #7f90c0) !important;
}

.forex-market-overview__filter,
.forex-market-overview__search,
.forex-market-overview__sort {
  background: var(--platform-surface-flat) !important;
  border-color: var(--platform-panel-border-strong) !important;
  color: var(--platform-text, #e5edff) !important;
}

.forex-market-overview__filter:hover,
.forex-market-overview__filter:focus,
.forex-market-overview__filter.is-active,
.forex-market-overview__search:focus,
.forex-market-overview__sort:focus {
  background: var(--platform-accent-soft) !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  box-shadow: 0 0 0 2px var(--platform-accent-glow) !important;
}

.view.view-orders.view-display-id-open_order .table-responsive,
.view.view-orders.view-display-id-open_order .table,
.view.view-orders.view-display-id-open_order .table tbody tr,
.view.view-orders.view-display-id-open_order .table tbody tr td,
.view.view-orders.view-display-id-open_order .no-orders,
.view.view-orders.view-display-id-open_order .order-icon,
.view.view-orders.view-display-id-open_order .views-empty td {
  background: transparent !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  border-color: var(--platform-panel-border) !important;
}

.view.view-orders.view-display-id-open_order .table-responsive {
  background: var(--platform-surface-raised) !important;
  border: 1px solid var(--platform-panel-border) !important;
  border-radius: 14px !important;
}

@media (max-width: 767.98px) {
  .view.view-orders.view-display-id-open_order .table tbody tr,
  .trades-dashboard .view-orders.view-display-id-history .table-responsive tbody tr,
  .path-dashboard .trades-dashboard .view-orders.view-display-id-history .table-responsive tbody tr,
  .path-dashboard .view-orders.view-display-id-history .table-responsive tbody tr {
    box-shadow: none !important;
  }

  .table-responsive .table tbody tr td.views-field-forex-order-list-actions .close-order-wrapper {
    background: var(--platform-danger, #ef5350) !important;
    border-color: var(--platform-danger, #ef5350) !important;
    color: #fff !important;
  }
}

.view.view-orders.view-display-id-open_order .views-empty td span,
.view.view-orders.view-display-id-open_order .views-empty td svg {
  color: var(--platform-text-strong, #f5f8ff) !important;
  fill: currentColor !important;
}

.modal--leverage .modal-header,
.modal--leverage .modal-footer,
.modal--leverage .modal-body,
.modal--leverage .leverage-modal,
.modal--leverage .modal-content {
  background: var(--platform-surface-raised) !important;
  border-color: var(--platform-panel-border) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.modal--leverage .leverage-modal__display,
.modal--leverage .leverage-modal__step {
  background: var(--platform-surface-flat) !important;
  border-color: var(--platform-panel-border) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  box-shadow: none !important;
}

.modal--leverage .leverage-modal__step:hover,
.modal--leverage .leverage-modal__step:focus {
  background: var(--platform-accent-soft) !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
}

.modal--leverage .leverage-modal__marks:before {
  background: color-mix(in srgb, var(--platform-text-muted, #7f90c0) 30%, transparent) !important;
}

.modal--leverage .leverage-modal__marks:after,
.modal--leverage .leverage-modal__pointer,
.modal--leverage .leverage-modal__mark.is-past:before,
.modal--leverage .leverage-modal__mark.is-active:after {
  background: #f0c34a !important;
}

.modal--leverage .leverage-modal__mark {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.modal--leverage .leverage-modal__mark:hover,
.modal--leverage .leverage-modal__mark:focus,
.modal--leverage .leverage-modal__mark.is-active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.modal--leverage .leverage-modal__mark:before {
  background: color-mix(in srgb, var(--platform-text-muted, #7f90c0) 55%, transparent) !important;
}

.modal--leverage .leverage-modal__mark.is-active:before {
  background: #3a445e !important;
  box-shadow: 0 0 0 3px #f0c34a !important;
}

.modal--leverage .leverage-modal__warning {
  color: var(--platform-danger, #ef5350) !important;
}

.modal--leverage .btn-secondary {
  background: rgba(18, 29, 66, 0.82) !important;
  border-color: rgba(60, 102, 232, 0.45) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.modal--leverage .btn-primary {
  background: rgba(18, 29, 66, 0.82) !important;
  border-color: rgba(74, 114, 255, 0.72) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.modal--leverage .btn-secondary:hover,
.modal--leverage .btn-secondary:focus,
.modal--leverage .btn-secondary:focus-visible,
.modal--leverage .btn-secondary:active,
.modal--leverage .btn-primary:hover,
.modal--leverage .btn-primary:focus,
.modal--leverage .btn-primary:focus-visible,
.modal--leverage .btn-primary:active {
  background: rgba(22, 35, 76, 0.92) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
  box-shadow: none !important;
}

.modal--leverage .btn-secondary:hover,
.modal--leverage .btn-secondary:focus,
.modal--leverage .btn-secondary:focus-visible,
.modal--leverage .btn-secondary:active {
  border-color: rgba(60, 102, 232, 0.58) !important;
}

.modal--leverage .btn-primary:hover,
.modal--leverage .btn-primary:focus,
.modal--leverage .btn-primary:focus-visible,
.modal--leverage .btn-primary:active {
  border-color: rgba(74, 114, 255, 0.88) !important;
}

:root[data-platform-theme='light'] .modal--leverage .btn-secondary,
:root.theme-light .modal--leverage .btn-secondary,
:root[data-platform-theme='light'] .modal--leverage .btn-primary,
:root.theme-light .modal--leverage .btn-primary {
  background: var(--platform-surface-soft) !important;
  border-color: var(--platform-border-strong) !important;
  color: var(--platform-text-strong) !important;
}

:root[data-platform-theme='light'] .modal--leverage .btn-secondary:hover,
:root.theme-light .modal--leverage .btn-secondary:hover,
:root[data-platform-theme='light'] .modal--leverage .btn-secondary:focus,
:root.theme-light .modal--leverage .btn-secondary:focus,
:root[data-platform-theme='light'] .modal--leverage .btn-secondary:focus-visible,
:root.theme-light .modal--leverage .btn-secondary:focus-visible,
:root[data-platform-theme='light'] .modal--leverage .btn-secondary:active,
:root.theme-light .modal--leverage .btn-secondary:active,
:root[data-platform-theme='light'] .modal--leverage .btn-primary:hover,
:root.theme-light .modal--leverage .btn-primary:hover,
:root[data-platform-theme='light'] .modal--leverage .btn-primary:focus,
:root.theme-light .modal--leverage .btn-primary:focus,
:root[data-platform-theme='light'] .modal--leverage .btn-primary:focus-visible,
:root.theme-light .modal--leverage .btn-primary:focus-visible,
:root[data-platform-theme='light'] .modal--leverage .btn-primary:active,
:root.theme-light .modal--leverage .btn-primary:active {
  background: #fff !important;
  border-color: var(--platform-accent-strong) !important;
  color: var(--platform-text-strong) !important;
}

:root[data-platform-theme='light'] .modal--leverage .modal-content,
:root.theme-light .modal--leverage .modal-content,
:root[data-platform-theme='light'] .modal--leverage .ui-dialog,
:root.theme-light .modal--leverage .ui-dialog,
:root[data-platform-theme='light'] .modal--leverage .modal-header,
:root.theme-light .modal--leverage .modal-header,
:root[data-platform-theme='light'] .modal--leverage .ui-dialog-titlebar,
:root.theme-light .modal--leverage .ui-dialog-titlebar,
:root[data-platform-theme='light'] .modal--leverage .modal-body,
:root.theme-light .modal--leverage .modal-body,
:root[data-platform-theme='light'] .modal--leverage .ui-dialog-content,
:root.theme-light .modal--leverage .ui-dialog-content,
:root[data-platform-theme='light'] .modal--leverage .modal-footer,
:root.theme-light .modal--leverage .modal-footer,
:root[data-platform-theme='light'] .modal--leverage .ui-dialog-buttonpane,
:root.theme-light .modal--leverage .ui-dialog-buttonpane,
:root[data-platform-theme='light'] .modal--leverage .leverage-modal {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.deposit-popup-root,
.deposit-popup-root .deposit-content,
.deposit-popup-root .tab-content-container,
.deposit-popup-root .qr-code-section,
.deposit-popup-root .address-display,
.deposit-popup-root .copy-btn,
.deposit-popup-root .tab,
.deposit-popup-root .wallet-select,
.deposit-popup-root .crypto-item,
.deposit-popup-root .bank-details {
  background: var(--platform-surface-raised) !important;
  border-color: var(--platform-panel-border) !important;
  color: var(--platform-text, #e5edff) !important;
}

.deposit-popup-root .tab,
.deposit-popup-root .wallet-select,
.deposit-popup-root .crypto-item,
.deposit-popup-root .copy-btn {
  background: var(--platform-surface-flat) !important;
  border-color: var(--platform-panel-border-strong) !important;
}

.deposit-popup-root .tab:hover,
.deposit-popup-root .tab.active,
.deposit-popup-root .crypto-item:hover,
.deposit-popup-root .crypto-item.active,
.deposit-popup-root .copy-btn:hover {
  background: var(--platform-accent-soft) !important;
  border-color: var(--platform-accent-strong, #3c66e8) !important;
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.deposit-popup-root .tab-content h2,
.deposit-popup-root .wallet-select,
.deposit-popup-root .copy-btn,
.deposit-popup-root .bank-details,
.deposit-popup-root .bank-details *,
.deposit-popup-root .crypto-item.active {
  color: var(--platform-text-strong, #f5f8ff) !important;
}

.deposit-popup-root .deposit-address-text,
.deposit-popup-root .address-details label,
.deposit-popup-root .scan-info,
.deposit-popup-root .tab .time-info {
  color: var(--platform-text-muted, #7f90c0) !important;
}

.deposit-popup-root .qr-code {
  background: #ffffff !important;
  border: 1px solid var(--platform-panel-border) !important;
}

.view.view-orders.view-display-id-open_order .table tbody tr:has(.potential-profit.buy)  td.views-field-field-action-1 {
  color: var(--buy) !important;
  font-weight: 600;
}
.view.view-orders.view-display-id-open_order .table tbody tr:has(.potential-profitsell) td.views-field-field-action-1 {
  color: var(--sell) !important;
  font-weight: 600;
}