body {
  font-family: 'Gotham Pro';
  font-weight: normal;
  font-style: normal;
  color: #000;
  margin-top: 0;
  background-color: #1d1f31;
}
body .col-xs-1,
body .col-sm-1,
body .col-md-1,
body .col-lg-1,
body .col-xs-2,
body .col-sm-2,
body .col-md-2,
body .col-lg-2,
body .col-xs-3,
body .col-sm-3,
body .col-md-3,
body .col-lg-3,
body .col-xs-4,
body .col-sm-4,
body .col-md-4,
body .col-lg-4,
body .col-xs-5,
body .col-sm-5,
body .col-md-5,
body .col-lg-5,
body .col-xs-6,
body .col-sm-6,
body .col-md-6,
body .col-lg-6,
body .col-xs-7,
body .col-sm-7,
body .col-md-7,
body .col-lg-7,
body .col-xs-8,
body .col-sm-8,
body .col-md-8,
body .col-lg-8,
body .col-xs-9,
body .col-sm-9,
body .col-md-9,
body .col-lg-9,
body .col-xs-10,
body .col-sm-10,
body .col-md-10,
body .col-lg-10,
body .col-xs-11,
body .col-sm-11,
body .col-md-11,
body .col-lg-11,
body .col-xs-12,
body .col-sm-12,
body .col-md-12,
body .col-lg-12 {
  padding-right: 5px;
  padding-left: 5px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
td {
  border: none !important;
}
td.views-field-field-assets {
  text-transform: uppercase;
}
header#navbar {
  color: #fff;
  background-color: #131722;
  margin-bottom: 20px;
}
header#navbar .region-navigation .navbar-toggle__label {
  display: none;
}
header#navbar .navbar-header {
  float: none;
  display: block;
}
header#navbar .language-switcher-language-url .links {
  list-style: none;
  padding: 3px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin: 0;
  background: rgba(12, 20, 49, 0.88);
  border: 1px solid rgba(89, 109, 171, 0.34);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
header#navbar .language-switcher-language-url .links li {
  margin: 0;
}
header#navbar .language-switcher-language-url .links li a {
  display: block;
  padding: 7px 12px;
  color: #7f90c0;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-decoration: none;
  border-radius: 999px;
  transition: background-color .2s ease, box-shadow .2s ease, color .2s ease;
}
header#navbar .language-switcher-language-url .links li a:hover {
  color: #f5f8ff;
  background: rgba(52, 87, 200, 0.18);
}
header#navbar .language-switcher-language-url .links li a.is-active {
  color: #f5f8ff;
  background: linear-gradient(180deg, rgba(60, 102, 232, 0.92), rgba(44, 78, 188, 0.92));
  box-shadow: 0 8px 18px rgba(4, 10, 32, 0.24);
}
header#navbar .language-switcher-language-url {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-left: 20px;
  margin-right: 12px;
}
header#navbar .region-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header#navbar .region-navigation .header-logout-link {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  order: 5;
  flex: 0 0 auto;
  color: #dfe8ff;
  text-decoration: none;
  border: 1px solid rgba(223, 232, 255, 0.24);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
header#navbar .region-navigation .header-logout-link svg {
  width: 17px;
  height: 17px;
  display: block;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
header#navbar .region-navigation .header-logout-link:hover,
header#navbar .region-navigation .header-logout-link:focus {
  color: #fff;
  background: rgba(74, 249, 148, 0.12);
  border-color: rgba(74, 249, 148, 0.48);
}
header#navbar .region-navigation .logo,
header#navbar .region-navigation #block-forex-admin-header-menu {
  order: 1;
}
header#navbar .region-navigation .hours-data-wrapper {
  order: 2;
  margin-left: auto;
}
header#navbar .region-navigation .language-switcher-language-url {
  order: 3;
  margin-left: 16px;
  margin-right: 16px;
}
header#navbar .region-navigation #block-account-menu {
  order: 4;
  flex: 0 0 auto;
}
header#navbar .region-navigation .logo img {
  width: 140px;
  max-width: 100%;
}
header#navbar .region-navigation .menu--header-menu {
  display: flex;
  align-items: center;
}
header#navbar .region-navigation .menu--header-menu li a {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
header#navbar .region-navigation .hours-data-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
header#navbar .region-navigation .dropdown {
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
header#navbar .region-navigation .dropdown button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  padding: 0;
  text-transform: uppercase;
}
header#navbar .region-navigation .dropdown .dropdown-toggle {
  margin: 0 15px;
}
header#navbar .region-navigation .hours-data-wrapper > div {
  display: flex;
  flex-direction: column;
  margin-right: 15px;
  font-size: 10px;
}
header#navbar .region-navigation .hours-data-wrapper > div .title {
  color: #787C85;
}
header#navbar .region-navigation .hours-data-wrapper > div .value {
  font-weight: 700;
}
header#navbar .region-navigation .hours-data-wrapper > div.profit-loss-wrapper {
  margin-right: 0;
}
header#navbar .region-navigation .hours-data-wrapper.no-bank-liquidity .bank-liquidity {
  display: none;
}
header#navbar .region-navigation .hours-data-wrapper.no-bank-liquidity .equity-wrapper {
  order: 1;
}
header#navbar .region-navigation .hours-data-wrapper.no-bank-liquidity .current-balance {
  order: 2;
}
header#navbar .region-navigation .hours-data-wrapper.no-bank-liquidity .margin-wrapper {
  order: 3;
}
header#navbar .region-navigation .hours-data-wrapper.no-bank-liquidity .free-margin-wrapper {
  order: 4;
}
header#navbar .region-navigation .hours-data-wrapper.no-bank-liquidity .profit-loss-wrapper {
  order: 5;
}
header#navbar .region-navigation .hours-data-wrapper > div.free-margin-wrapper.green .value {
  color: green;
}
header#navbar .region-navigation .hours-data-wrapper > div.free-margin-wrapper.red .value {
  color: #ff3131;
}
header#navbar .region-navigation .navbar-toggle {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url('/themes/custom/forex_admin/images/burger-menu.png');
  padding: 0;
}
header#navbar .region-navigation .navbar-toggle[aria-expanded="true"] {
  background-image: url('/themes/custom/forex_admin/images/burger-menu-close.png');
}
#navbar-collapse {
  position: fixed;
  left: 0;
  top: 0;
  width: 300px;
  z-index: 10000;
  background-color: #131722;
  height: 100vh;
  max-width: calc(100% - 40px);
}
#navbar-collapse a.logo {
  height: auto !important;
  max-width: 100%;
  padding: 30px 20px;
  width: 100% !important;
  display: block;
  text-align: center;
}
#navbar-collapse #block-mobile-account-menu {
  display: block;
}
#navbar-collapse #block-mobile-account-menu .user--type-user {
  margin: 0 30px;
}
#navbar-collapse .menu--header-menu .last {
  display: none;
}
#navbar-collapse #block-main-menu-mobile,
#navbar-collapse #block-account-menu-mobile {
  text-align: center;
}
#navbar-collapse #block-main-menu-mobile .nav > li a,
#navbar-collapse #block-account-menu-mobile .nav > li a {
  color: #fff;
  padding: 10px 15px;
  display: block;
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
}
#navbar-collapse .language-switcher-language-url--mobile-menu {
  display: none;
}
.forex-application-operations .dropdown-menu {
  background-color: #131722;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.forex-application-operations .dropdown-menu li.dropdown-submenu {
  position: relative;
}
.forex-application-operations .dropdown-menu li.dropdown-submenu a {
  color: #fff;
  white-space: normal;
  padding: 5px 10px;
  width: 180px;
}
.forex-application-operations .dropdown-menu li.dropdown-submenu a:hover,
.forex-application-operations .dropdown-menu li.dropdown-submenu a:focus {
  background-color: #1d1f31;
}
.forex-application-operations .dropdown-menu.links {
  top: 0;
  left: 100%;
  margin-top: -1px;
  column-count: 2;
}
.forex-application-chart-wrapper {
  border: none;
  padding-bottom: 20px;
}
.forex-application-chart-wrapper .panel-heading {
  border: none;
  background-color: transparent;
}
.forex-application-chart-wrapper .panel-heading .panel-title {
  background-color: #131722;
  color: #26A99D;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 14px 15px;
}
.forex-application-chart-wrapper .panel-body {
  background-color: #131722;
  border-top: 1px solid rgba(89, 109, 171, 0.18);
  height: 580px;
  padding: 15px;
}
.forex-application-chart-wrapper .tradingview-widget-container,
.forex-application-chart-wrapper .tradingview-widget-container__widget {
  height: 100% !important;
}
.forex-application-chart-wrapper .tradingview-widget-container__widget {
  background: #090f24;
  border: 1px solid rgba(89, 109, 171, 0.18);
  border-radius: 12px;
  overflow: hidden;
}
.forex-current-asset-title {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
}
.forex-current-asset-title__main {
  align-items: center;
  display: inline-flex;
  gap: 10px;
}
.forex-current-asset-title__icon {
  border-radius: 50%;
  flex: 0 0 20px;
  height: 20px;
  object-fit: cover;
  width: 20px;
}
.forex-application-chart-wrapper #application {
  height: 100% !important;
}
.forex-create-left-wrapper > .form-wrapper,
.forex-create-center-wrapper > .form-wrapper {
  background-color: #131722;
  color: #fff;
  border: none;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.forex-create-left-wrapper > .form-wrapper .panel-heading,
.forex-create-center-wrapper > .form-wrapper .panel-heading {
  background-color: #131722;
  border: none;
  border-bottom: 1px solid #2C3242;
}
.forex-create-left-wrapper > .form-wrapper .panel-heading .panel-title,
.forex-create-center-wrapper > .form-wrapper .panel-heading .panel-title {
  color: #fff;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  padding: 13px 15px;
  padding-left: 80px;
}
.forex-create-left-wrapper > .form-wrapper .panel-heading .panel-title:before,
.forex-create-center-wrapper > .form-wrapper .panel-heading .panel-title:before {
  position: absolute;
  content: "";
}
.forex-create-left-wrapper .forex-create-book-wrapper .panel-body,
.forex-create-center-wrapper .forex-create-book-wrapper .panel-body {
  padding: 0;
}
.forex-create-left-wrapper .forex-create-book-wrapper .panel-heading .panel-title,
.forex-create-center-wrapper .forex-create-book-wrapper .panel-heading .panel-title {
  position: relative;
}
.forex-create-left-wrapper .forex-create-book-wrapper .panel-heading .panel-title:before,
.forex-create-center-wrapper .forex-create-book-wrapper .panel-heading .panel-title:before {
  position: absolute;
  content: "";
  left: 37px;
  top: 8px;
  width: 25px;
  height: 28px;
  background-image: url(/themes/custom/forex_admin/images/titleicon1.png);
  background-size: 100%;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .panel-body,
.forex-create-center-wrapper .forex-create-recent-wrapper .panel-body {
  padding: 0;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .panel-heading .panel-title,
.forex-create-center-wrapper .forex-create-recent-wrapper .panel-heading .panel-title {
  position: relative;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .panel-heading .panel-title:before,
.forex-create-center-wrapper .forex-create-recent-wrapper .panel-heading .panel-title:before {
  position: absolute;
  content: "";
  left: 37px;
  top: 8px;
  width: 25px;
  height: 28px;
  background-image: url(/themes/custom/forex_admin/images/titleicon2.png);
  background-size: 100%;
}
.forex-create-left-wrapper .forex-create-recent-wrapper,
.forex-create-center-wrapper .forex-create-recent-wrapper,
.forex-create-left-wrapper .forex-create-book-wrapper,
.forex-create-center-wrapper .forex-create-book-wrapper {
  margin-bottom: 20px;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .order-book-header,
.forex-create-center-wrapper .forex-create-recent-wrapper .order-book-header,
.forex-create-left-wrapper .forex-create-book-wrapper .order-book-header,
.forex-create-center-wrapper .forex-create-book-wrapper .order-book-header {
  font-weight: 500;
  font-size: 9px;
  color: #8D919A;
  padding: 8px 0;
  padding-right: 38px;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal-title,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal-title,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal-title,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal-title {
  font-weight: 500;
  font-size: 9px;
  color: #8D919A;
  padding: 8px 0;
  text-align: right;
  padding-right: 38px;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal {
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
  height: 197px;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal > .views-element-container,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal > .views-element-container,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal > .views-element-container,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal > .views-element-container {
  overflow-x: hidden;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row {
  font-weight: 500;
  font-size: 9px;
  color: #757981;
  padding: 4px 0;
  /* text-align: center; */
  text-align: right;
  padding-right: 39px;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1),
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1),
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1),
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1) {
  background-color: #1C1E30;
}
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row .views-field-field-price,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row .views-field-field-price,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row .views-field-field-price,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row .views-field-field-price {
  color: #EF5350;
}
.forex-create-left-wrapper .forex-create-order-wrapper {
  margin-bottom: 20px;
  padding: 10px 0;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-heading .panel-title {
  text-align: left;
  font-size: 11px;
  font-weight: 900;
  padding: 13px 15px;
  padding-top: 15px;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-heading .panel-title:before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -4px;
  width: 40px;
  margin-left: -20px;
  height: 3px;
  background-color: #FFFF00;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage label {
  padding: 0;
  color: #fff;
  margin-right: -30px;
  margin-bottom: 12px;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  flex-direction: column;
  position: relative;
  margin: 0 5px 37px 0;
  padding-bottom: 20px;
  overflow: inherit;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item input#leverage-range {
  padding: 0;
  position: absolute;
  left: 4px;
  right: 0;
  bottom: -9px;
  -webkit-appearance: none;
  width: 106%;
  min-width: 100%;
  height: 6px;
  border-radius: 5px;
  background: #e9e9e9;
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  margin: 8px -19px 11px 0;
  box-shadow: none;
  border: none;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item input#leverage-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #26A99D;
  cursor: pointer;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item input#leverage-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #26A99D;
  cursor: pointer;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item #leverage-range-label-value {
  position: absolute;
  left: 100%;
  bottom: -19px;
  width: 21px;
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item:hover #leverage-range-label-value {
  opacity: 1;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item:before {
  position: absolute;
  content: "";
  right: -8px;
  top: -4px;
  width: 30px;
  height: 23px;
  background-size: 100%;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item .form-number {
  margin-left: 20px;
  background-color: transparent;
  height: auto;
  border: none;
  box-shadow: none;
  line-height: 1;
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  padding: 2px 12px;
  font-size: 10px;
  font-weight: 900;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume {
  margin-bottom: 20px;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume .form-inline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 8px;
  margin-bottom: 0;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume .form-inline input {
  width: 50%;
  height: auto;
  background-color: transparent;
  border: 1px solid #2C3242;
  padding: 1px 12px;
  color: #fff;
  font-size: 12px;
  margin: 0;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume .form-inline .control-label {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume #forex-order-errors {
  font-size: 14px;
  font-weight: 500;
  color: red;
  margin: 0;
  list-style-type: none;
  text-align: right;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .wrapper-order-item {
  font-size: 10px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button {
  flex-basis: 45%;
  font-size: 10px;
  text-transform: uppercase;
  background-color: transparent;
  border: 2px solid #7499FF;
  border-radius: 50px;
  color: #fff;
  font-weight: 500;
  margin: 0;
  width: auto;
  padding: 6px 0;
}
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button.sell-wrapper {
  border: 2px solid #EF5350;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper {
  margin-bottom: 20px;
  padding: 10px 0;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-heading .panel-title {
  font-size: 11.3px;
  font-weight: 500;
  text-align: center;
  padding: 13px 0;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body {
  padding: 0;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body .contract-details > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  padding: 5px 15px;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body .contract-details > div:nth-child(2n) {
  background-color: #1C1E30;
}
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body .contract-details > div .title {
  color: #757981;
}
.table-hover > tbody > tr:hover {
  background-color: transparent;
}
.forex-create-assets-wrapper {
  padding: 15px;
  background-color: #131722;
  margin-bottom: 50px;
}
.forex-create-assets-wrapper .quicktabs-tabs {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #2C3242;
}
.forex-create-assets-wrapper .quicktabs-tabs li a {
  font-size: 10px;
  text-transform: uppercase;
  background-color: transparent;
  color: #fff;
  font-weight: 500;
  margin: 0;
  width: auto;
  padding: 15px 0;
  margin-right: 34px;
  display: inline-block;
}
.forex-create-assets-wrapper .quicktabs-tabs li.active a {
  border-bottom: 2px solid #00AB9E;
}
.forex-create-assets-wrapper table {
  margin-top: 21px;
  margin-bottom: 51px;
}
.forex-create-assets-wrapper table thead th {
  font-weight: 500;
  font-size: 11px;
  color: #8D919A;
  padding: 8px 7px;
  /* text-align: center; */
  padding-right: 38px;
  border-bottom: 1px solid #2C3242;
}
.forex-create-assets-wrapper table tbody tr {
  color: #757981;
  background-color: transparent;
  font-size: 11px;
}
.forex-create-assets-wrapper table tbody tr:nth-child(2n+1) {
  background-color: #1C1E30;
}
.forex-create-assets-wrapper table tbody tr td .links {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}
.forex-create-assets-wrapper table tbody tr td .links .take-profit a,
.forex-create-assets-wrapper table tbody tr td .links .stop-loss a {
  font-size: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/themes/custom/forex_admin/images/izmenit.png);
  background-size: 100%;
}
.forex-create-assets-wrapper table tbody tr td .links a {
  color: #fff;
}
.forex-create-assets-wrapper table tbody tr td .close-order-wrapper {
  color: red;
  cursor: pointer;
}
.block-forex-account {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.block-forex-account .field--name-user-mail {
  margin-bottom: 10px;
}
.block-forex-account .field--name-user-picture img {
  display: none;
  width: 37px;
  height: auto;
}
.block-forex-account .menu--account-menu {
  display: flex;
  align-items: center;
}
.block-forex-account .menu--account-menu li a {
  color: #fff;
  font-size: 12px;
  padding: 5px 6px;
}
.block-forex-account .menu--account-menu li a:hover {
  color: #00AB9E;
}
.block-forex-account-account-menu,
#navbar-collapse #block-mobile-account-menu {
  position: relative;
  padding: 11px 0 11px 15px;
}
.block-forex-account-account-menu .user--type-user,
#navbar-collapse #block-mobile-account-menu .user--type-user {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 12px;
}
.block-forex-account-account-menu .user--type-user a img,
#navbar-collapse #block-mobile-account-menu .user--type-user a img {
  width: 25px;
}
.block-forex-account-account-menu .user--type-user .field--name-user-mail,
#navbar-collapse #block-mobile-account-menu .user--type-user .field--name-user-mail {
  margin: 0;
  margin-right: 15px;
}
.block-forex-account-account-menu .user--type-user .header-user-logout,
#navbar-collapse #block-mobile-account-menu .user--type-user .header-user-logout {
  display: none;
}
.block-forex-account-account-menu .user--type-user.user-verified,
#navbar-collapse #block-mobile-account-menu .user--type-user.user-verified {
  background-image: url('/themes/custom/forex_admin/images/account-confirmed.png');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left;
  padding-left: 25px;
}
@media (max-width: 767px) {
  header#navbar .region-navigation .header-logout-link {
    display: none;
  }
}
.block-forex-account-account-menu .form-group {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background-color: #131722;
  z-index: 2;
  border-top: 5px solid #4AF994;
  padding: 16px 16px;
  padding-bottom: 31px;
  padding-top: 20px;
  padding-left: 31px;
}
.block-forex-account-account-menu .form-group .menu--account-menu {
  display: flex;
  align-items: start;
  flex-direction: column;
}
.block-forex-account-account-menu .account-register-menu-wrapper {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0;
}
.block-forex-account-account-menu .account-register-menu-wrapper .login a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  margin-right: 28px;
  position: relative;
  display: inline-block;
}
.block-forex-account-account-menu .account-register-menu-wrapper .login a:before {
  position: absolute;
  content: "";
  left: -27px;
  top: 2px;
  width: 12px;
  height: 14px;
  background-image: url(/themes/custom/forex_admin/images/loginIcon.png);
  background-size: 100%;
}
.block-forex-account-account-menu .account-register-menu-wrapper .register a {
  font-size: 12px;
  font-weight: 500;
  text-transform: inherit;
  display: inline-block;
  border: 2px solid #26A99D;
  padding: 5px 10px 7px 10px;
  border-radius: 50px;
  line-height: 1;
  color: #fff;
}
.block-forex-account-account-menu .account-register-menu-wrapper .register a:hover {
  background-color: #26A99D;
  color: #002A84;
}
.application-login-wrapper {
  text-align: center;
}
.application-login-wrapper .alert-text {
  margin-bottom: 15px;
  color: #fff;
  font-size: 12px;
}
.application-login-wrapper .btn-login {
  margin-bottom: 15px;
}
.application-login-wrapper .btn-login a {
  font-size: 12px;
  font-weight: 500;
  text-transform: inherit;
  display: block;
  text-align: center;
  border: 2px solid #26A99D;
  padding: 5px 10px;
  border-radius: 10px;
  line-height: 1;
  padding-bottom: 7px;
  color: #fff;
}
.application-login-wrapper .btn-login a:hover {
  background-color: #26A99D;
  color: #fff;
}
.path-dashboard .main-container {
  padding: 0;
}
.path-dashboard .row {
  margin: 0;
}
.path-dashboard .col-sm-12 {
  padding: 0;
}
.path-dashboard .table-responsive {
  background-color: #131722;
  padding: 40px 60px;
}
.path-dashboard .table-responsive .table-striped thead tr th {
  border: none;
  font-weight: 500;
  color: #8D919A;
  padding: 8px 7px;
  padding-right: 38px;
  border-bottom: 1px solid #2C3242;
}
.path-dashboard .table-responsive .table-striped tbody tr {
  background-color: transparent !important;
  color: #fff;
}
.path-dashboard .table-responsive .table-striped tbody tr td {
  border: none;
}
.path-dashboard .table-responsive .table-striped tbody tr td:nth-child(1) {
  position: relative;
  color: #4AF994;
  font-weight: 900;
  font-size: 16px;
}
.path-dashboard .table-responsive .table-striped tbody tr .links {
  display: flex;
  margin: 0;
  list-style: none;
  padding: 0;
}
.path-dashboard .table-responsive .table-striped tbody tr .links li:nth-child(1) a {
  padding-left: 0;
}
.path-dashboard .table-responsive .table-striped tbody tr .links li:nth-child(1) a:before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  /*width: 1px;*/
  height: 12px;
  margin-top: -6px;
  background-color: #FFF;
}
.path-dashboard .table-responsive .table-striped tbody tr .links a {
  font-size: 11.31px;
  color: #fff;
  font-weight: 500;
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.path-dashboard .table-responsive .table-striped tbody tr .links a:hover {
  text-decoration: none;
  color: #4AF994;
}
.menu--dashboard-account-menu {
  background-color: #131722;
  margin-bottom: 45px;
  display: flex;
  align-items: center;
  padding: 5px 30px;
}
.menu--dashboard-account-menu li {
  margin-right: 40px;
}
.menu--dashboard-account-menu li a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}
.menu--dashboard-account-menu li a:before {
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  position: relative;
  content: "";
  height: 20px;
  width: 20px;
}
.menu--dashboard-account-menu li a.account:before {
  background-image: url(/themes/custom/forex_admin/images/pricon11.png);
}
.menu--dashboard-account-menu li a.account.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon1.png);
}
.menu--dashboard-account-menu li a.balance:before {
  background-image: url(/themes/custom/forex_admin/images/pricon22.png);
}
.menu--dashboard-account-menu li a.balance.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon2.png);
}
.menu--dashboard-account-menu li a.transaction:before {
  background-image: url(/themes/custom/forex_admin/images/pricon33.png);
}
.menu--dashboard-account-menu li a.transaction.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon3.png);
}
.menu--dashboard-account-menu li a.trade:before {
  background-image: url(/themes/custom/forex_admin/images/pricon44.png);
}
.menu--dashboard-account-menu li a.trade.is-active:before {
  background-image: url(/themes/custom/forex_admin/images/pricon4.png);
}
.menu--dashboard-account-menu li a.is-active {
  background-color: #4AF994;
  color: #131722;
}
.modal-dialog {
  font-weight: 500;
}
.modal-dialog .modal-content {
  background-color: #131722;
  color: #757981;
}
.modal-dialog .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #1C2028;
}
.modal-dialog .modal-content .modal-header:after,
.modal-dialog .modal-content .modal-header:before {
  display: none;
}
.modal-dialog .modal-content .modal-header .modal-title {
  width: 100%;
}
.modal-dialog .modal-content .modal-header .close {
  text-align: right;
  color: #fff;
  opacity: 0.7;
  font-size: 30px;
}
.modal-dialog .modal-content .stop-loss,
.modal-dialog .modal-content .take-profit {
  padding: 0 50px;
}
.modal-dialog .modal-content .stop-loss .wrapper,
.modal-dialog .modal-content .take-profit .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-dialog .modal-content .stop-loss .wrapper .field--type-boolean,
.modal-dialog .modal-content .take-profit .wrapper .field--type-boolean {
  margin: 0;
}
.modal-dialog .modal-content .stop-loss .wrapper label,
.modal-dialog .modal-content .take-profit .wrapper label {
  padding: 0;
}
.modal-dialog .modal-content .stop-loss .wrapper .form-type-number input,
.modal-dialog .modal-content .take-profit .wrapper .form-type-number input {
  background-color: #494A53;
  border: none;
  color: #fff;
}
.modal-dialog .modal-content .stop-loss .wrapper .form-type-checkbox input,
.modal-dialog .modal-content .take-profit .wrapper .form-type-checkbox input {
  background-color: #494A53;
  border: none;
  color: #fff;
  display: none;
}
.modal-dialog .modal-content .stop-loss .wrapper .form-type-checkbox span,
.modal-dialog .modal-content .take-profit .wrapper .form-type-checkbox span {
  position: relative;
  padding-left: 22px;
}
.modal-dialog .modal-content .stop-loss .wrapper .form-type-checkbox span:before,
.modal-dialog .modal-content .take-profit .wrapper .form-type-checkbox span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 13px;
  height: 13px;
  margin-top: -6.5px;
  background-color: transparent;
  border: 2px solid #757981;
  border-radius: 2px;
}
.modal-dialog .modal-content .stop-loss .wrapper .form-type-checkbox input:checked + span:before,
.modal-dialog .modal-content .take-profit .wrapper .form-type-checkbox input:checked + span:before {
  background-color: #757981;
}
.modal-dialog .modal-content .stop-loss .stop-loss-values,
.modal-dialog .modal-content .take-profit .stop-loss-values,
.modal-dialog .modal-content .stop-loss .take-profit-values,
.modal-dialog .modal-content .take-profit .take-profit-values {
  display: flex;
  list-style: none;
  justify-content: space-around;
  background-color: #2C2C33;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 21px;
}
.modal-dialog .modal-content .order-info {
  text-align: center;
  border: 2px solid #1D2129;
  padding-bottom: 31px;
  border-radius: 10px;
}
.modal-dialog .modal-content .order-info > div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 4px 0;
  font-weight: 500;
}
.modal-dialog .modal-content .order-info > div:nth-child(2n) {
  background-color: #1D2129;
}
.modal-dialog .modal-content .order-info > div:hover {
  background-color: #262422;
}
.modal-dialog .modal-content .order-info > div label {
  flex-basis: 50%;
  text-align: right;
  padding-right: 15px;
}
.modal-dialog .modal-content .order-info > div .value {
  flex-basis: 50%;
  text-align: left;
  padding-left: 15px;
}
.modal-dialog .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 2px solid #1D2129;
}
.modal-dialog .modal-footer .btn-secondary {
  background-color: transparent;
  border: 1px solid #23272F;
  margin-right: 15px;
  color: #757981;
  font-weight: 500;
  width: 50%;
}
.modal-dialog .modal-footer .btn-primary {
  color: #000;
  background-color: #FAA313;
  font-weight: 500;
  border-color: #FAA313;
}
.modal-dialog .modal-footer .form-actions {
  width: 50%;
}
.ui-resizable-disabled {
  padding: 20px;
  border-radius: 20px;
}
.ui-resizable-disabled .modal-header {
  display: flex;
  flex-direction: row-reverse;
  border-bottom: none !important;
}
.ui-resizable-disabled .modal-header .modal-title {
  font-size: 18px;
  color: #fff;
}
.ui-resizable-disabled .modal-header .close {
  color: #fff;
  opacity: 1;
}
.ui-resizable-disabled .modal-body {
  overflow: hidden !important;
}
.ui-resizable-disabled .modal-body .wallet {
  border: 1px solid #E9E9E9;
  background-color: #F9F9F9;
  padding: 10px 21px;
  margin-top: 30px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.ui-resizable-disabled .modal-body .qr-code img {
  max-width: 100px;
  height: auto;
}
.ui-resizable-disabled .ui-dialog-buttonpane {
  text-align: left;
  justify-content: end;
  border: none;
}
.ui-resizable-disabled .ui-dialog-buttonpane .button {
  font-size: 14px;
  font-weight: 900;
  background-color: #26A99D;
  text-transform: uppercase;
  border: none;
  padding: 7px 42px;
  margin-left: 30px;
  color: #000;
}
.ui-resizable-disabled .form-actions {
  padding: 0 !important;
  margin: 0 !important;
}
.forex-payment-deposit-form .form-type-number > .input-group,
.forex-payment-withdraw-form .form-type-number > .input-group {
  display: flex;
  align-items: center;
}
.forex-payment-deposit-form .form-type-number > .input-group .input-group-addon,
.forex-payment-withdraw-form .form-type-number > .input-group .input-group-addon {
  display: inline-block;
  background-color: #DCDC05;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border-radius: 0;
  padding: 18px 50px;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin-left: 20px;
  width: auto;
}
.block-forex-account-account-menu > a {
  color: #fff;
  margin-right: 54px;
  margin-bottom: 11px;
}
.order-book-body-wrapper {
  overflow-x: hidden;
}
form .control-label {
  color: #fff;
}
form .form-control {
  background-color: #1d1f31;
  border: none;
  border-radius: 0;
  padding: 15px 20px;
  height: auto;
  font-size: 16px;
  border-bottom: 1px solid;
  margin-bottom: 20px;
}
form .description.help-block,
form .password-confirm-message {
  display: none;
}
form select {
  margin-bottom: 0 !important;
}
form .field--widget-boolean-checkbox {
  text-align: left;
  color: #777070;
}
form button {
  width: 100%;
  margin: 0;
  padding: 15px 20px;
  font-size: 16px;
}
form button .glyphicon {
  display: none;
}
form .panel {
  background-color: #131722;
  border-color: #555555;
  border-radius: 0;
}
form .panel .panel-heading {
  background-color: #0c0d18;
  color: #ccc;
  text-transform: uppercase;
  border: 0 none;
}
form .panel .panel-heading .panel-title {
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-image: url('/themes/custom/forex_admin/images/plus-icon.png');
}
form .panel .panel-heading .panel-title[aria-expanded="true"] {
  background-image: url('/themes/custom/forex_admin/images/minus-icon.png');
}
form .panel .help-block {
  color: #fff;
  margin-bottom: 20px;
}
.login-container {
  display: flex;
  width: 100%;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  padding: 32px 0;
}
.login-container.login-container--login {
  align-items: center;
  min-height: 100vh;
}
.login-container.login-container--register {
  align-items: flex-start;
  min-height: 100vh;
}
.login-container .login-container-wrapper {
  width: 100%;
  background-color: #131722;
  border-radius: 5px;
  padding: 30px;
  text-align: center;
}
.login-container .login-container-wrapper .logo {
  display: block;
  max-width: min(100%, 200px);
  max-height: 96px;
  margin: 30px auto 36px;
  object-fit: contain;
}
.login-container .login-container-wrapper .form-footer {
  margin-top: 28px;
  font-weight: 400;
  color: #777070;
  font-size: 17px;
}
.login-container .login-container-wrapper .form-footer .text-center {
  margin-bottom: 12px;
}
.error-page-layout {
  padding-top: 40px;
  padding-bottom: 40px;
}
.error-page-container {
  min-height: calc(100vh - 140px);
  max-width: 560px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-page-container .error-page-wrapper {
  width: 100%;
  padding: 40px 30px;
  text-align: center;
}
.error-page-container .error-page-code {
  color: #26A99D;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 15px;
}
.error-page-container .error-page-title {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  margin: 0 0 15px;
}
.error-page-container .error-page-text {
  color: #8D919A;
  font-size: 16px;
  line-height: 1.6;
  margin: 0 auto 30px;
  max-width: 380px;
}
.error-page-container .error-page-actions {
  margin-bottom: 10px;
}
.error-page-container .error-page-actions .btn-login {
  margin-bottom: 0;
}
.error-page-container .error-page-actions .btn-login a {
  max-width: 240px;
  margin: 0 auto;
}
form.user-verification-form,
form.user-account-form {
  background-color: #131722;
  padding: 40px 60px;
}
form.user-verification-form .form-actions button,
form.user-account-form .form-actions button {
  width: 100px;
}
form.user-verification-form .form-actions .button.verification-button,
form.user-account-form .form-actions .button.verification-button {
  padding: 6px 12px;
  background-color: #337ab7;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #337ab7;
}
.login-container--register {
  max-width: 620px;
}
.login-container--register .login-container-wrapper {
  padding: 28px 34px 36px;
}
.login-container--register form.user-account-form {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.login-container .form-group,
form.user-verification-form .form-group,
form.user-account-form .form-group {
  margin-bottom: 14px;
}
.login-container .login-container-wrapper form,
form.user-account-form {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.login-container .login-container-wrapper .form-control,
.login-container .login-container-wrapper input[type="text"],
.login-container .login-container-wrapper input[type="email"],
.login-container .login-container-wrapper input[type="password"],
.login-container .login-container-wrapper input[type="number"],
.login-container .login-container-wrapper select,
.login-container .login-container-wrapper textarea,
form.user-verification-form .form-control,
form.user-verification-form input[type="text"],
form.user-verification-form input[type="email"],
form.user-verification-form input[type="password"],
form.user-verification-form input[type="number"],
form.user-verification-form select,
form.user-verification-form textarea,
form.user-account-form .form-control,
form.user-account-form input[type="text"],
form.user-account-form input[type="email"],
form.user-account-form input[type="password"],
form.user-account-form input[type="number"],
form.user-account-form select,
form.user-account-form textarea {
  margin-bottom: 0;
  min-height: 50px;
  padding: 12px 16px;
  font-size: 15px;
}
.login-container--register form.user-account-form .form-actions {
  margin-top: 18px;
}
.login-container--register form.user-account-form .form-actions button,
.login-container--register form.user-account-form .form-actions .button.verification-button {
  width: 100%;
  min-width: 0;
  min-height: 48px;
}
.login-container--register form.user-account-form .field--widget-boolean-checkbox {
  margin-top: 10px;
  text-align: left;
}
.login-container--register form.user-account-form .field--widget-boolean-checkbox .form-type-checkbox {
  margin-bottom: 10px;
}
.login-container--register form.user-account-form .field--widget-boolean-checkbox label,
.login-container--register form.user-account-form .field--widget-boolean-checkbox .control-label {
  color: var(--platform-text-muted);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.45;
  text-transform: uppercase;
}
.login-container--register form.user-account-form .field--widget-boolean-checkbox input[type="checkbox"] {
  margin-right: 10px;
  margin-top: 3px;
}
.login-container .login-container-wrapper .form-actions .btn,
.login-container .login-container-wrapper .form-actions button,
form.user-account-form .form-actions .btn,
form.user-account-form .form-actions button {
  width: 100%;
  min-height: 48px;
  padding: 12px 18px;
  border-radius: 12px;
  border: 1px solid var(--platform-accent-strong);
  background: linear-gradient(180deg, rgba(37, 81, 189, 0.95) 0%, rgba(27, 56, 136, 0.98) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: var(--platform-text-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.login-container .login-container-wrapper .form-actions .btn:hover,
.login-container .login-container-wrapper .form-actions button:hover,
form.user-account-form .form-actions .btn:hover,
form.user-account-form .form-actions button:hover {
  border-color: #5d86ff;
  background: linear-gradient(180deg, rgba(48, 95, 210, 0.98) 0%, rgba(33, 67, 158, 1) 100%);
  color: var(--platform-text-strong);
}
.login-container .login-container-wrapper .form-actions .btn:focus,
.login-container .login-container-wrapper .form-actions button:focus,
form.user-account-form .form-actions .btn:focus,
form.user-account-form .form-actions button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(60, 102, 232, 0.24);
}
.login-container .login-container-wrapper .form-actions .btn:active,
.login-container .login-container-wrapper .form-actions button:active,
form.user-account-form .form-actions .btn:active,
form.user-account-form .form-actions button:active {
  transform: translateY(1px);
}
@media (min-width: 768px) {
  .block-forex-account-account-menu .menu--dashboard-account-menu,
  .menu--dashboard-account-menu {
    background: linear-gradient(180deg, rgba(12, 18, 39, 0.98), rgba(9, 15, 36, 0.98));
    border: 1px solid rgba(89, 109, 171, 0.18);
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
    gap: 8px;
    margin: 0 0 24px;
    padding: 8px;
  }
  .block-forex-account-account-menu .menu--dashboard-account-menu li,
  .menu--dashboard-account-menu li {
    margin-right: 0;
  }
  .block-forex-account-account-menu .menu--dashboard-account-menu li a,
  .menu--dashboard-account-menu li a {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 14px;
    color: #c5cfee;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    min-height: 56px;
    padding: 10px 18px;
    text-transform: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
  }
  .block-forex-account-account-menu .menu--dashboard-account-menu li a:before,
  .menu--dashboard-account-menu li a:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    flex: 0 0 18px;
    height: 18px;
    width: 18px;
  }
  .block-forex-account-account-menu .menu--dashboard-account-menu li a:hover,
  .block-forex-account-account-menu .menu--dashboard-account-menu li a:focus,
  .menu--dashboard-account-menu li a:hover,
  .menu--dashboard-account-menu li a:focus {
    background: rgba(28, 44, 92, 0.34);
    color: #eef4ff;
    text-decoration: none;
  }
  .block-forex-account-account-menu .menu--dashboard-account-menu li a.is-active,
  .menu--dashboard-account-menu li a.is-active {
    background: linear-gradient(180deg, rgba(21, 33, 75, 0.98), rgba(17, 27, 63, 0.98));
    border-color: rgba(41, 98, 255, 0.24);
    box-shadow: inset 0 0 0 1px rgba(41, 98, 255, 0.14);
    color: #ffffff;
  }
  .block-forex-account-account-menu .menu--dashboard-account-menu li a.account.is-active:before,
  .menu--dashboard-account-menu li a.account.is-active:before {
    background-image: url(/themes/custom/forex_admin/images/pricon11.png) !important;
  }
  .block-forex-account-account-menu .menu--dashboard-account-menu li a.balance.is-active:before,
  .menu--dashboard-account-menu li a.balance.is-active:before {
    background-image: url(/themes/custom/forex_admin/images/pricon22.png) !important;
  }
  .block-forex-account-account-menu .menu--dashboard-account-menu li a.trade.is-active:before,
  .menu--dashboard-account-menu li a.trade.is-active:before {
    background-image: url(/themes/custom/forex_admin/images/pricon44.png) !important;
  }
}
form.user-verification-form .form-type-managed-file .form-managed-file {
  margin: 0;
  display: flex;
  align-items: center;
}
form.user-verification-form .form-type-managed-file .form-managed-file .preview {
  max-width: 130px;
}
form.user-verification-form .form-type-managed-file .form-managed-file .file {
  margin: 0;
  display: inline-block;
  width: auto;
}
form.user-verification-form .form-type-managed-file .form-managed-file .file > span {
  background-color: transparent;
  border: 0 none;
}
form.user-verification-form .form-type-managed-file .form-managed-file .btn.btn-danger {
  background-image: url('/themes/custom/forex_admin/images/delete-icon.png');
  background-color: transparent;
  border: 0 none;
  background-repeat: no-repeat;
  font-size: 0;
  width: 30px;
  height: 32px;
  padding: 0;
  vertical-align: top;
  background-position: center;
  margin-left: 15px;
}
form.user-verification-form .field--type-file,
form.user-verification-form .field--type-image {
  border-top: 1px solid;
  padding-top: 20px;
}
form.user-verification-form .error-comment {
  color: white;
  padding: 10px;
  background-color: #1d1f31;
  margin-bottom: 20px;
  border-radius: 5px;
  text-align: left;
}
form.user-verification-form .confirmed-wrapper,
form.user-verification-form .unconfirmed-wrapper {
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
}
form.user-verification-form .confirmed-wrapper {
  background-image: url('/themes/custom/forex_admin/images/confirmed-wrapper.png');
  color: #4AF994;
}
form.user-verification-form .unconfirmed-wrapper {
  background-image: url('/themes/custom/forex_admin/images/unconfirmed-wrapper.png');
  color: #df5c4e;
}
form.user-verification-form {
  max-width: 920px;
  margin: 0 auto 32px;
}
form.user-verification-form .panel.panel-default {
  background: radial-gradient(circle at top left, rgba(52, 84, 185, 0.12), transparent 34%), rgba(12, 18, 39, 0.92);
  border: 1px solid rgba(34, 53, 109, 0.72);
  border-radius: 18px;
  box-shadow: 0 18px 38px rgba(3, 8, 24, 0.22);
  margin-bottom: 18px;
  overflow: hidden;
}
form.user-verification-form .panel.panel-default .panel-heading {
  background: transparent;
  border: 0;
  padding: 0;
}
form.user-verification-form .panel.panel-default .panel-heading .panel-title {
  align-items: center;
  background-image: none;
  color: var(--platform-text-strong);
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  gap: 18px;
  justify-content: space-between;
  letter-spacing: 0.06em;
  line-height: 1.4;
  margin: 0;
  padding: 22px 24px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
form.user-verification-form .panel.panel-default .panel-heading .panel-title::after {
  color: #f5f8ff;
  content: '+';
  flex: 0 0 auto;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
}
form.user-verification-form .panel.panel-default .panel-heading .panel-title[aria-expanded="true"] {
  border-bottom: 1px solid rgba(89, 109, 171, 0.18);
}
form.user-verification-form .panel.panel-default .panel-heading .panel-title[aria-expanded="true"]::after {
  content: '−';
}
form.user-verification-form .panel.panel-default .panel-body {
  background: transparent;
  border: 0;
  padding: 20px 24px 24px;
}
form.user-verification-form .panel.panel-default .help-block {
  color: var(--platform-text);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 18px;
}
form.user-verification-form .panel.panel-default .help-block p:last-child {
  margin-bottom: 0;
}
form.user-verification-form .panel.panel-default .help-block ul {
  margin: 12px 0 0;
  padding-left: 22px;
}
form.user-verification-form details {
  background: radial-gradient(circle at top left, rgba(52, 84, 185, 0.12), transparent 34%), rgba(12, 18, 39, 0.92);
  border: 1px solid rgba(34, 53, 109, 0.72);
  border-radius: 18px;
  box-shadow: 0 18px 38px rgba(3, 8, 24, 0.22);
  margin-bottom: 18px;
  overflow: hidden;
}
form.user-verification-form details > summary {
  align-items: center;
  color: var(--platform-text-strong);
  cursor: pointer;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 22px 24px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
form.user-verification-form details > summary::-webkit-details-marker {
  display: none;
}
form.user-verification-form details > summary::after {
  color: #f5f8ff;
  content: '+';
  flex: 0 0 auto;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
}
form.user-verification-form details[open] > summary {
  border-bottom: 1px solid rgba(89, 109, 171, 0.18);
}
form.user-verification-form details[open] > summary::after {
  content: '−';
}
form.user-verification-form details > .details-wrapper,
form.user-verification-form details > .fieldset-wrapper {
  padding: 20px 24px 24px;
}
form.user-verification-form details .description {
  color: var(--platform-text);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 18px;
}
form.user-verification-form details .description p:last-child {
  margin-bottom: 0;
}
form.user-verification-form details .description ul {
  margin: 12px 0 0;
  padding-left: 22px;
}
form.user-verification-form .field--type-file,
form.user-verification-form .field--type-image {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
form.user-verification-form .form-type-managed-file {
  margin-bottom: 18px;
}
form.user-verification-form .form-type-managed-file > label,
form.user-verification-form .form-type-managed-file .control-label {
  color: var(--platform-text-muted);
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
  text-transform: uppercase;
}
form.user-verification-form .form-type-managed-file .form-managed-file {
  margin: 0;
  display: block;
  padding: 14px;
  border-radius: 16px;
  background: rgba(15, 24, 56, 0.72);
  border: 1px solid rgba(34, 53, 109, 0.72);
}
form.user-verification-form .form-type-managed-file .form-managed-file .preview {
  margin-bottom: 12px;
  max-width: 160px;
}
form.user-verification-form .form-type-managed-file .form-managed-file .preview img {
  border-radius: 12px;
  display: block;
  max-width: 100%;
}
form.user-verification-form .form-type-managed-file .form-managed-file .file {
  display: block;
  margin: 0;
  width: 100%;
}
form.user-verification-form .form-type-managed-file .form-managed-file .file > span {
  background-color: transparent;
  border: 0 none;
  display: block;
  width: 100%;
}
form.user-verification-form .form-type-managed-file .form-managed-file .file input[type="file"] {
  width: 100%;
  color: var(--platform-text);
  font-size: 14px;
  padding: 8px 0;
}
form.user-verification-form .form-type-managed-file .form-managed-file .file input[type="file"]::file-selector-button {
  appearance: none;
  background: linear-gradient(180deg, rgba(37, 81, 189, 0.95) 0%, rgba(27, 56, 136, 0.98) 100%);
  border: 1px solid rgba(41, 98, 255, 0.34);
  border-radius: 12px;
  color: #f5f8ff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  margin-right: 12px;
  padding: 10px 14px;
}
form.user-verification-form .form-type-managed-file .form-managed-file .btn.btn-danger {
  background-image: url('/themes/custom/forex_admin/images/delete-icon.png');
  background-color: rgba(239, 83, 80, 0.12);
  border: 1px solid rgba(239, 83, 80, 0.24);
  background-repeat: no-repeat;
  font-size: 0;
  width: 38px;
  height: 38px;
  padding: 0;
  vertical-align: top;
  background-position: center;
  margin: 12px 0 0 auto;
  display: block;
  border-radius: 12px;
}
form.user-verification-form .error-comment {
  color: white;
  padding: 12px 14px;
  background-color: rgba(29, 31, 49, 0.92);
  margin-bottom: 14px;
  border-radius: 12px;
  text-align: left;
}
form.user-verification-form .form-actions {
  margin-top: 24px;
}
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 {
  width: 100%;
  min-height: 48px;
  padding: 12px 18px;
  border-radius: 12px;
  border: 1px solid var(--platform-accent-strong);
  background: linear-gradient(180deg, rgba(37, 81, 189, 0.95) 0%, rgba(27, 56, 136, 0.98) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: var(--platform-text-strong);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
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 {
  border-color: #5d86ff;
  background: linear-gradient(180deg, rgba(48, 95, 210, 0.98) 0%, rgba(33, 67, 158, 1) 100%);
  color: var(--platform-text-strong);
}
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 {
  outline: none;
  box-shadow: 0 0 0 3px rgba(60, 102, 232, 0.24);
}
form.user-verification-form .form-actions .btn:active,
form.user-verification-form .form-actions button:active,
form.user-verification-form .form-actions .button:active,
form.user-verification-form .form-actions .form-submit:active {
  transform: translateY(1px);
}
.asset-icon {
  width: 18px;
  border-radius: 10px;
  height: auto;
  margin-right: 8px;
  vertical-align: middle;
}

/* --- Colors --- */
:root {
  --buy: #22c55e;   /* green-500 */
  --sell: #ef4444;  /* red-500 */
  --dep-g1: #18a357;
  --dep-g2: #22B26C;
  --dep-g3: #2bd173;
}

/* Fallback if JS adds .row--buy / .row--sell on <tr> */
tr.row--buy  td.views-field-field-action-1 { color: var(--buy);  font-weight: 600; }
tr.row--sell td.views-field-field-action-1 { color: var(--sell); font-weight: 600; }

/* Profit change feedback (kept) */
.potential-profit { transition: color .3s ease, background-color .9s ease; }
.potential-profit.profit--up   { color: var(--buy) !important;  animation: flash-up .9s ease; }
.potential-profit.profit--down { color: var(--sell) !important; animation: flash-down .9s ease; }

@keyframes flash-up   { from { background: rgba(34,197,94,.15); } to { background: transparent; } }
@keyframes flash-down { from { background: rgba(239,68,68,.15); } to { background: transparent; } }

:root { --buy:#22c55e; --sell:#ef4444; }
.potential-profit { transition: color .3s ease, background-color .9s ease; }
.potential-profit.profit--up   { color: var(--buy) !important;  animation: flash-up .9s; }
.potential-profit.profit--down { color: var(--sell) !important; animation: flash-down .9s; }
@keyframes flash-up   { from { background: rgba(34,197,94,.15); } to { background: transparent; } }
@keyframes flash-down { from { background: rgba(239,68,68,.15); } to { background: transparent; } }

/* Reuse your vars + keyframes already defined */
/* Subtle transition on the watched price fields */
.wrapper-order-item .value.price,
.order-info .order-price .value,
#forex-create-contract-data .last-trade-price .value,
#forex-create-contract-data .labeling-price .value,
#forex-create-contract-data .index-value .value {
  transition: color .3s ease, background-color .9s ease;
}

/* Delta states (same palette/flash as profit) */
.price-delta--up {
  color: var(--buy) !important;
  animation: flash-up .9s ease;
}

.price-delta--down {
  color: var(--sell) !important;
  animation: flash-down .9s ease;
}

.view-display-id-close_order .potential-profit {
  display: none;
}

/* --- Deposit button: running green + shimmer + click ripple (CSS-only safe) --- */
.header-deposit-btn {
  position: relative;
  overflow: hidden; /* for optional ripple */
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .45rem .9rem;
  border-radius: 999px;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  border: 1px solid var(--dep-g3);
  background: linear-gradient(90deg, var(--dep-g1), var(--dep-g2), var(--dep-g3), var(--dep-g2), var(--dep-g1));
  background-size: 800% 100%;
  animation: dep-run 12s linear infinite; /* slow idle run */
  box-shadow: 0 0 0 0 rgba(34, 178, 108, .35);
}

.header-deposit-btn:hover {
  animation: dep-run 3.2s linear infinite, dep-pulse 1.8s ease-out infinite;
}

.header-deposit-btn:active {
  transform: translateY(1px) scale(.98);
  filter: brightness(1.04);
}

/* diagonal sheen that “runs” across */
.header-deposit-btn::after {
  content: "";
  position: absolute;
  top: -40%;
  bottom: -40%;
  left: -60%;
  width: 40%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .28), transparent);
  transform: skewX(-20deg) translateX(0);
  pointer-events: none;
  animation: dep-sheen 2.6s linear infinite;
}

/* Optional ripple container (only appears if JS injects it) */
.dep-ripple {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .45) 0%, rgba(255, 255, 255, .15) 40%, rgba(255, 255, 255, 0) 70%);
  transform: scale(0);
  animation: dep-ripple .6s ease-out;
}

/* Keyframes */
@keyframes dep-run {
  from {
    background-position: 0% 0
  }
  to {
    background-position: 800% 0
  }
}

@keyframes dep-sheen {
  from {
    transform: skewX(-20deg) translateX(-10%)
  }
  to {
    transform: skewX(-20deg) translateX(240%)
  }
}

@keyframes dep-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(34, 178, 108, .35)
  }
  70% {
    box-shadow: 0 0 0 14px rgba(34, 178, 108, 0)
  }
  100% {
    box-shadow: 0 0 0 0 rgba(34, 178, 108, 0)
  }
}

@keyframes dep-ripple {
  to {
    transform: scale(2.8);
    opacity: 0
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .header-deposit-btn,
  .header-deposit-btn::after {
    animation: none !important
  }

  .dep-ripple {
    animation-duration: .01ms !important
  }
}

.view-orders.view-display-id-close_order .closed-orders-total {
  text-align: center;
  padding: 24px 0 12px;
  color: #fff;
}

.view-orders.view-display-id-close_order .closed-orders-total__label {
  font-size: 22px;
  font-weight: 500;
  color: #8D919A;
}

.view-orders.view-display-id-close_order .closed-orders-total__value {
  font-size: 32px;
  font-weight: 700;
}

.view-orders.view-display-id-close_order .closed-orders-total--positive .closed-orders-total__value {
  color: #22c55e; /* green */
}

.view-orders.view-display-id-close_order .closed-orders-total--negative .closed-orders-total__value {
  color: #ef4444; /* red */
}

.view-orders.view-display-id-history .table-responsive {
  background: transparent;
  border: none;
  padding: 0;
}

.view-orders.view-display-id-history .table-striped {
  margin: 0;
}

.view-orders.view-display-id-history .table-striped thead tr th {
  color: var(--platform-text-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 16px 10px;
  white-space: nowrap;
}

.view-orders.view-display-id-history .table-striped tbody tr {
  border-bottom: 1px solid rgba(34, 53, 109, 0.48);
}

.view-orders.view-display-id-history .table-striped tbody tr:last-child {
  border-bottom: none;
}

.view-orders.view-display-id-history .table-striped tbody tr td {
  color: var(--platform-text);
  font-size: 15px;
  padding: 18px 10px;
  vertical-align: middle;
}

.view-orders.view-display-id-history .table-striped tbody tr td:nth-child(1) {
  color: var(--platform-text-strong);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.view-orders.view-display-id-history td.views-field-field-action {
  font-weight: 700;
}

.view-orders.view-display-id-history .trade-action--buy,
.view-orders.view-display-id-history .potential-profit--positive {
  color: var(--platform-success);
}

.view-orders.view-display-id-history .trade-action--sell,
.view-orders.view-display-id-history .potential-profit--negative {
  color: var(--platform-danger);
}

.view-orders.view-display-id-history .potential-profit--neutral {
  color: var(--platform-text-strong);
}

.view-orders.view-display-id-history td.views-field-field-order-status {
  color: var(--platform-text-strong);
  font-weight: 600;
}

.view-orders.view-display-id-history td[headers="view-forex-order-profit-actions-table-column"] {
  font-weight: 700;
  white-space: nowrap;
}

/* Mobile "plates" */
@media (max-width: 767.98px) {

  .table-responsive {
    overflow-x: visible;
  }

  .table-responsive .table thead {
    display: none;
  }

  .table-responsive .table,
  .table-responsive .table tbody {
    display: block;
    width: 100%;
  }

  /* Card layout per row */
  .table-responsive .table tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    grid-auto-rows: auto;
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid #dee2e6;
    border-radius: 0.75rem;
    background-color: #1d1f31 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    font-size: 1rem;
  }

  .table-responsive .table tbody tr td {
    display: block;
    padding: 0.2rem 0;
    border-top: none;
    background: none;
  }

  .table-responsive .table tbody tr:nth-of-type(odd),
  .table-responsive .table tbody tr:hover {
    background-color: transparent;
  }

  /* remove old labels if any */
  .table-responsive .table tbody tr td::before {
    content: none;
  }

  /* ========== TOP ========== */

  .table-responsive .table tbody tr td.views-field-field-assets {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 600;
    font-size: 1.2rem;
  }

  .table-responsive .table tbody tr td.views-field-field-assets img.asset-icon {
    width: 22px;
    height: 22px;
  }

  .table-responsive .table tbody tr td.views-field-field-assets a {
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .table-responsive .table tbody tr td.views-field-field-action-1 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self: end;
    text-align: right;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2rem;
  }

  .table-responsive .table tbody tr td.views-field-field-leverage {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    justify-self: end;
    text-align: right;
    font-size: 1.1rem;
    opacity: 0.85;
  }

  /* ========== MIDDLE: volume / price / margin ========== */

  .table-responsive .table tbody tr td.views-field-field-volume,
  .table-responsive .table tbody tr td.views-field-field-price,
  .table-responsive .table tbody tr td.views-field-field-margin {
    grid-column: 1 / 3;
    font-size: 1.1rem;
    white-space: nowrap;
  }

  .table-responsive .table tbody tr td.views-field-field-volume {
    grid-row: 3 / 4;
  }

  .table-responsive .table tbody tr td.views-field-field-price {
    grid-row: 4 / 5;
  }

  .table-responsive .table tbody tr td.views-field-field-price {
    grid-row: 5 / 6;
  }

  .table-responsive .table tbody tr td.views-field-field-volume::before,
  .table-responsive .table tbody tr td.views-field-field-price::before,
  .table-responsive .table tbody tr td.views-field-field-margin::before {
    display: inline-block;
    min-width: 10ch;
    margin-right: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
  }

  .table-responsive .table tbody tr td.views-field-field-volume::before {
    content: "Volume:";
  }

  .table-responsive .table tbody tr td.views-field-field-price::before {
    content: "Open price:";
  }

  .table-responsive .table tbody tr td.views-field-field-margin::before {
    content: "Margin:";
  }

  /* ========== BOTTOM LEFT: SL + TP (1-row key/value, no gap) ========== */

  .table-responsive .table tbody tr td.views-field-field-stop-loss-value {
    grid-column: 1 / 2;
    grid-row: 6 / 7;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: 2px;
  }

  .table-responsive .table tbody tr td.views-field-field-take-profit-value {
    grid-column: 1 / 2;
    grid-row: 7 / 8;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: 2px;
  }

  .table-responsive .table tbody tr td.views-field-field-stop-loss-value::before,
  .table-responsive .table tbody tr td.views-field-field-take-profit-value::before {
    display: inline-block;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
    margin: 0;
  }

  .table-responsive .table tbody tr td.views-field-field-stop-loss-value::before {
    content: "SL:";
  }

  .table-responsive .table tbody tr td.views-field-field-take-profit-value::before {
    content: "TP:";
  }

  .table-responsive .table tbody tr td.views-field-field-stop-loss-value.is-inline-editing,
  .table-responsive .table tbody tr td.views-field-field-take-profit-value.is-inline-editing {
    gap: 8px;
  }

  .table-responsive .table tbody tr td input.order-level-inline-input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    display: block;
    width: 132px;
    min-width: 132px;
    max-width: 100%;
    height: 36px;
    min-height: 36px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid rgba(52, 86, 184, 0.92) !important;
    border-radius: 999px;
    background: #192453 !important;
    background-image: none;
    color: #f5f7fb !important;
    box-shadow: none;
    outline: none;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
  }

  .table-responsive .table tbody tr td input.order-level-inline-input[type=number]::placeholder {
    color: rgba(215, 222, 238, 0.62);
  }

  .table-responsive .table tbody tr td input.order-level-inline-input[type=number]:focus {
    border-color: #6f8cff !important;
    background: #1c285c !important;
  }

  .table-responsive .table tbody tr td input.order-level-inline-input[type=number]::-webkit-outer-spin-button,
  .table-responsive .table tbody tr td input.order-level-inline-input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* ========== BOTTOM RIGHT: PROFIT (big) + CLOSE + % ========= */

  /* Profit: row 6, right */
  .table-responsive .table tbody tr td.views-field-nothing {
    grid-column: 2 / 3;
    grid-row: 6 / 7;
    text-align: right;
  }

  .table-responsive .table tbody tr td.views-field-nothing .potential-profit {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
  }

  /* Close button UNDER profit */
  .table-responsive .table tbody tr td.views-field-forex-order-list-actions {
    grid-column: 2 / 3;
    grid-row: 7 / 8;
    text-align: right;
    font-size: 1rem;
  }

  .table-responsive .table tbody tr td.views-field-forex-order-list-actions .close-order-wrapper {
    display: inline-block;
    padding: 0.25rem 0.8rem;
    margin-top: 0.2rem;
    border-radius: 999px;
    border: 2px solid #dc3545;
    background-color: #dc3545;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
    text-transform: uppercase;
  }

  /* % change, tiny, under close */
  .table-responsive .table tbody tr td.price-change-percent {
    grid-column: 2 / 3;
    grid-row: 8 / 9;
    text-align: right;
    font-size: 0.8rem;
    opacity: 0.8;
  }

  .path-dashboard .view-orders.view-display-id-history .table-responsive tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-auto-rows: auto;
    gap: 0;
    margin-bottom: 12px;
    padding: 14px 12px;
    border: 1px solid rgba(34, 53, 109, 0.7);
    border-radius: 14px;
    background:
      radial-gradient(circle at top left, rgba(52, 84, 185, 0.12), transparent 34%),
      linear-gradient(180deg, #0d1532 0%, #090f24 100%) !important;
    box-shadow: 0 16px 32px rgba(3, 8, 24, 0.2);
  }

  .path-dashboard .view-orders.view-display-id-history .table-responsive tbody tr td {
    background: transparent;
    border-top: none;
    padding: 3px 0;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-assets {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding-bottom: 10px;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-assets img.asset-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-assets a {
    color: var(--platform-text-strong);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.03em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-action {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self: end;
    text-align: right;
    padding-bottom: 10px;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-action .trade-action {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-volume,
  .path-dashboard .view-orders.view-display-id-history td.views-field-field-margin,
  .path-dashboard .view-orders.view-display-id-history td.views-field-field-price,
  .path-dashboard .view-orders.view-display-id-history td.views-field-field-final-price {
    grid-column: 1 / 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    white-space: nowrap;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-volume {
    grid-row: 2 / 3;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-margin {
    grid-row: 3 / 4;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-price {
    grid-row: 4 / 5;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-final-price {
    grid-row: 5 / 6;
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-volume::before,
  .path-dashboard .view-orders.view-display-id-history td.views-field-field-margin::before,
  .path-dashboard .view-orders.view-display-id-history td.views-field-field-price::before,
  .path-dashboard .view-orders.view-display-id-history td.views-field-field-final-price::before {
    display: inline-block;
    min-width: 10ch;
    margin-right: 1rem;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--platform-text-muted);
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-volume::before {
    content: "Volume:";
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-margin::before {
    content: "Margin:";
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-price::before {
    content: "Open price:";
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-final-price::before {
    content: "Close price:";
  }

  .path-dashboard .view-orders.view-display-id-history td.views-field-field-leverage,
  .path-dashboard .view-orders.view-display-id-history td.views-field-field-order-status {
    display: none;
  }

  .path-dashboard .view-orders.view-display-id-history td[headers="view-forex-order-profit-actions-table-column"] {
    grid-column: 1 / 3;
    grid-row: 6 / 7;
    text-align: right;
    padding-top: 10px;
    white-space: nowrap;
  }

  .path-dashboard .view-orders.view-display-id-history td[headers="view-forex-order-profit-actions-table-column"] span {
    font-size: 15px;
    font-weight: 800;
  }
}
:root {
  --profit-pos: #22c55e; /* green */
  --profit-neg: #ef4444; /* red  */
}

/* Base color by sign (no !important!) */
.potential-profit.profit-sign--positive {
  color: var(--profit-pos);
}

.potential-profit.profit-sign--negative {
  color: var(--profit-neg);
}

.potential-profit.profit-sign--zero {
  color: #ffffff; /* or some neutral */
}

/* Profit colors for CLOSED orders (by sign) */
.view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] span.profit-sign--positive {
  color: var(--profit-pos, #22c55e);
}

.view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] span.profit-sign--negative {
  color: var(--profit-neg, #ef4444);
}

.view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] span.profit-sign--zero {
  color: #ffffff;
}

@media (max-width: 768px) {
  .user-account-form {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 768px) {
  #edit-actions {
    display: flex;
    flex-direction: column;    /* stack vertically */
    gap: 10px;                 /* space between buttons */
    margin-top: 20px;
  }

  #edit-actions .button,
  #edit-actions .form-submit {
    width: 100%;               /* full-width buttons */
    text-align: center;
    justify-content: center;   /* in case flex is used inside theme */
  }

  /* Optional: make the verification button look like a secondary button */
  #edit-actions #edit-verification {
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    padding: 10px 12px;
    display: inline-block;
  }
}

@media (max-width: 768px) {
  .user-verification-form {
    padding-bottom: 100px !important;
  }
}
@media (max-width: 767.98px) {
  form.user-verification-form {
    padding: 22px 16px;
  }
  form.user-verification-form .panel.panel-default {
    margin-bottom: 14px;
  }
  form.user-verification-form .panel.panel-default .panel-heading .panel-title {
    font-size: 13px;
    padding: 18px 16px;
  }
  form.user-verification-form .panel.panel-default .panel-heading .panel-title::after {
    font-size: 28px;
  }
  form.user-verification-form .panel.panel-default .panel-body {
    padding: 16px;
  }
  form.user-verification-form details {
    margin-bottom: 14px;
  }
  form.user-verification-form details > summary {
    font-size: 13px;
    padding: 18px 16px;
  }
  form.user-verification-form details > summary::after {
    font-size: 28px;
  }
  form.user-verification-form details > .details-wrapper,
  form.user-verification-form details > .fieldset-wrapper {
    padding: 16px;
  }
}
.messages--error {
  color: red;
}

@media (max-width: 768px) {
  .view-orders.view-display-id-close_order .table-responsive {
    padding: 20px 15px;
    background-color: #131722;
  }

  .view-orders.view-display-id-close_order .table-responsive thead {
    display: none;
  }

  .view-orders.view-display-id-close_order .table-responsive table,
  .view-orders.view-display-id-close_order .table-responsive tbody {
    display: block;
    width: 100%;
  }

  .view-orders.view-display-id-close_order .table-responsive tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    grid-auto-rows: auto;
    margin-bottom: 1rem;
    padding: 0.9rem;
    border-radius: 0.75rem;
    border: 1px solid #fff;
    background-color: #1d1f31;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    font-size: 1rem; /* same base as open orders */
  }

  .view-orders.view-display-id-close_order .table-responsive tbody tr td {
    padding: 0.2rem 0;
    border: none;
    background: none;
  }

  /* Asset – top left */
  .view-orders.view-display-id-close_order td[headers="view-field-assets-table-column--2"] {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 600;
    font-size: 1.2rem;
    text-transform: uppercase;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-assets-table-column--2"] .asset-icon {
    width: 22px;
    height: 22px;
  }

  /* Action – top right */
  .view-orders.view-display-id-close_order td[headers="view-field-action-table-column"] {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self: end;
    text-align: right;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2rem;
  }

  /* Volume + prices (full-width key/value rows) */
  .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"],
  .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"],
  .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"],
  .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"] {
    grid-column: 1 / 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    font-size: 1.1rem;
    white-space: nowrap;
  }

  /* Row order */
  .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"] {
    grid-row: 2 / 3;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"] {
    grid-row: 3 / 4;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"] {
    grid-row: 4 / 5;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"] {
    grid-row: 5 / 6;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"]::before,
  .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"]::before,
  .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"]::before,
  .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"]::before {
    display: inline-block;
    min-width: 10ch;
    margin-right: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
  }

  .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"]::before {
    content: "Volume:";
  }

  .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"]::before {
    content: "Open price:";
  }

  .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"]::before {
    content: "Margin:";
  }

  .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"]::before {
    content: "Close price:";
  }

  .view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] {
    grid-column: 1 / 3;
    grid-row: 6 / 7;
    text-align: right;
  }

  .view-orders.view-display-id-close_order td[headers="view-forex-order-profit-actions-table-column"] span {
    font-size: 1.4rem;
    font-weight: 700;
  }
}

.view-orders.view-display-id-close_order tr:has(td[headers="view-forex-order-profit-actions-table-column"] span.buy) td[headers="view-field-action-table-column"] {
  color: var(--profit-pos, #22c55e) !important;
  font-weight: 700;
}

.view-orders.view-display-id-close_order tr:has(td[headers="view-forex-order-profit-actions-table-column"] span.sell) td[headers="view-field-action-table-column"] {
  color: var(--profit-neg, #ef4444) !important;
  font-weight: 700;
}

/* Platform skin refresh */
body {
  --platform-bg: #090f24;
  --platform-surface: linear-gradient(180deg, #0d1532 0%, #090f24 100%);
  --platform-surface-soft: #101a3d;
  --platform-border: #1b2958;
  --platform-border-strong: #22356d;
  --platform-text: #e5edff;
  --platform-text-strong: #f5f8ff;
  --platform-text-muted: #7f90c0;
  --platform-accent: #26a99d;
  --platform-accent-strong: #3c66e8;
  --platform-success: #22c55e;
  --platform-danger: #ef5350;
  --platform-shadow: 0 16px 40px rgba(3, 8, 24, 0.28);
  background:
    radial-gradient(circle at top left, rgba(52, 84, 185, 0.18), transparent 28%),
    linear-gradient(180deg, #0a1026 0%, #070c1b 100%);
  color: var(--platform-text);
}

:root[data-platform-theme='light'] body,
:root.theme-light body {
  --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-shadow: 0 18px 36px rgba(148, 166, 196, 0.18);
  background:
    radial-gradient(circle at top left, rgba(81, 130, 229, 0.16), transparent 28%),
    linear-gradient(180deg, #fbfdff 0%, #eef3f9 100%);
  color: var(--platform-text);
}

.main-container {
  padding-top: 8px;
}

header#navbar,
#navbar-collapse,
.forex-application-operations .dropdown-menu,
.block-forex-account-account-menu .form-group,
.menu--dashboard-account-menu,
.path-dashboard .table-responsive,
.forex-create-assets-wrapper,
.forex-application-chart-wrapper .panel-title,
.forex-application-chart-wrapper .panel-body,
.forex-create-left-wrapper > .form-wrapper,
.forex-create-center-wrapper > .form-wrapper {
  background:
    radial-gradient(circle at top left, rgba(52, 84, 185, 0.12), transparent 34%),
    var(--platform-surface);
  border: 1px solid var(--platform-border);
  box-shadow: var(--platform-shadow);
}

header#navbar {
  border-radius: 0 0 14px 14px;
  margin-bottom: 24px;
}

#navbar-collapse,
.forex-create-assets-wrapper,
.path-dashboard .table-responsive,
.menu--dashboard-account-menu,
.forex-create-left-wrapper > .form-wrapper,
.forex-create-center-wrapper > .form-wrapper,
.block-forex-account-account-menu .form-group {
  border-radius: 12px;
}

.forex-application-chart-wrapper .panel-title,
.forex-application-chart-wrapper .panel-body {
  border-radius: 12px;
}

.forex-application-chart-wrapper .panel-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

header#navbar .region-navigation .menu--header-menu li a,
.block-forex-account .menu--account-menu li a,
.menu--dashboard-account-menu li a,
#navbar-collapse #block-main-menu-mobile .nav > li a,
#navbar-collapse #block-account-menu-mobile .nav > li a {
  color: var(--platform-text);
  transition: color 0.15s ease, opacity 0.15s ease;
}

header#navbar .region-navigation .menu--header-menu li a:hover,
.block-forex-account .menu--account-menu li a:hover,
.menu--dashboard-account-menu li a:hover,
#navbar-collapse #block-main-menu-mobile .nav > li a:hover,
#navbar-collapse #block-account-menu-mobile .nav > li a:hover {
  color: var(--platform-text-strong);
}

header#navbar .region-navigation .hours-data-wrapper > div,
#block-order-statistics .hours-data-wrapper > div {
  background: rgba(12, 20, 49, 0.7);
  border: 1px solid rgba(34, 53, 109, 0.65);
  border-radius: 10px;
  min-width: 92px;
  padding: 10px 12px;
}

header#navbar .region-navigation .hours-data-wrapper > div .title,
#block-order-statistics .hours-data-wrapper > div .title {
  color: var(--platform-text-muted);
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

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

.forex-application-chart-wrapper,
.forex-create-left-wrapper .forex-create-order-wrapper,
.forex-create-left-wrapper .forex-create-contract-data-wrapper,
.forex-create-left-wrapper .forex-create-book-wrapper,
.forex-create-left-wrapper .forex-create-recent-wrapper,
.forex-create-center-wrapper .forex-create-book-wrapper,
.forex-create-center-wrapper .forex-create-recent-wrapper {
  margin-bottom: 20px;
}

.forex-create-left-wrapper > .form-wrapper .panel-heading,
.forex-create-center-wrapper > .form-wrapper .panel-heading,
.forex-application-chart-wrapper .panel-heading {
  background: transparent;
  border: none;
}

.forex-create-left-wrapper > .form-wrapper .panel-heading .panel-title,
.forex-create-center-wrapper > .form-wrapper .panel-heading .panel-title,
.forex-application-chart-wrapper .panel-heading .panel-title {
  border-bottom: 1px solid rgba(89, 109, 171, 0.18);
  color: var(--platform-text-strong);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.forex-create-left-wrapper > .form-wrapper .panel-body,
.forex-create-center-wrapper > .form-wrapper .panel-body,
.forex-application-chart-wrapper .panel-body,
.forex-create-assets-wrapper,
.path-dashboard .table-responsive {
  color: var(--platform-text);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-heading .panel-title:before {
  background-color: #dce7ff;
  height: 2px;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage label,
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume .form-inline .control-label,
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .wrapper-order-item,
.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body .contract-details > div .title,
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal-title,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal-title,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal-title,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal-title,
.forex-create-left-wrapper .forex-create-recent-wrapper .order-book-header,
.forex-create-center-wrapper .forex-create-recent-wrapper .order-book-header,
.forex-create-left-wrapper .forex-create-book-wrapper .order-book-header,
.forex-create-center-wrapper .forex-create-book-wrapper .order-book-header,
.forex-create-assets-wrapper table thead th,
.path-dashboard .table-responsive .table-striped thead tr th {
  color: var(--platform-text-muted);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume .form-inline input,
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item .form-number,
.block-forex-account-account-menu .account-register-menu-wrapper .register a,
.application-login-wrapper .btn-login a {
  background: var(--platform-surface-soft);
  border: 1px solid var(--platform-border-strong);
  border-radius: 10px;
  color: var(--platform-text);
  box-shadow: none;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-volume .form-inline input:focus,
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item .form-number:focus {
  border-color: var(--platform-accent-strong);
  box-shadow: 0 0 0 2px rgba(52, 87, 200, 0.18);
  outline: none;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item input#leverage-range {
  background: rgba(220, 231, 255, 0.9);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item input#leverage-range::-webkit-slider-thumb,
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .field--name-field-leverage .form-item input#leverage-range::-moz-range-thumb {
  background-color: var(--platform-accent);
  border: 2px solid #0d1532;
  box-shadow: 0 4px 12px rgba(5, 10, 28, 0.32);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button,
.block-forex-account-account-menu .account-register-menu-wrapper .register a,
.application-login-wrapper .btn-login a {
  background: transparent;
  border-width: 1px;
  border-radius: 999px;
  color: var(--platform-text-strong);
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease, transform 0.15s ease, filter 0.15s ease;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button.buy-wrapper,
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button:not(.sell-wrapper) {
  background: var(--platform-success);
  border-color: var(--platform-success);
  color: var(--platform-text-strong);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button.sell-wrapper {
  background: var(--platform-danger);
  border-color: var(--platform-danger);
  color: var(--platform-text-strong);
}

.block-forex-account-account-menu .account-register-menu-wrapper .register a:hover,
.application-login-wrapper .btn-login a:hover {
  background: rgba(52, 87, 200, 0.16);
  border-color: var(--platform-accent-strong);
  color: var(--platform-text-strong);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button.buy-wrapper:hover,
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button:not(.sell-wrapper):hover {
  background: #20b15a;
  border-color: #20b15a;
  color: var(--platform-text-strong);
  filter: saturate(1.03);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button.sell-wrapper:hover {
  background: #e24b48;
  border-color: #e24b48;
  color: var(--platform-text-strong);
  filter: saturate(1.03);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button:focus-visible {
  outline: none;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button.buy-wrapper:focus-visible,
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button:not(.sell-wrapper):focus-visible {
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.24);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button.sell-wrapper:focus-visible {
  box-shadow: 0 0 0 3px rgba(239, 83, 80, 0.24);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .form-actions .action-wrapper button:active {
  transform: translateY(1px);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-heading .order-leverage-overview__trigger {
  background: rgba(25, 36, 83, 0.9);
  border: 1px solid rgba(52, 86, 184, 0.72);
  border-radius: 12px;
  color: var(--platform-text-strong);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  min-width: 64px;
  padding: 7px 12px;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-heading .order-leverage-overview__trigger:hover {
  background: #1c285c;
  border-color: var(--platform-accent-strong);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel {
  background: rgba(12, 20, 49, 0.52);
  border: 1px solid rgba(34, 53, 109, 0.62);
  border-radius: 12px;
  margin: 16px 0;
  padding: 10px 12px;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel .field--type-boolean,
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel .form-type-checkbox,
.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel .form-type-number {
  margin: 0;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel__toggle {
  align-items: center;
  color: var(--platform-text-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: 10px;
  font-weight: 600;
  gap: 8px;
  letter-spacing: 0.04em;
  margin: 0;
  text-transform: uppercase;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel__toggle input {
  display: none;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel__toggle span {
  padding-left: 22px;
  position: relative;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel__toggle span:before {
  background: transparent;
  border: 2px solid var(--platform-border-strong);
  border-radius: 3px;
  content: "";
  height: 13px;
  left: 0;
  margin-top: -6.5px;
  position: absolute;
  top: 50%;
  width: 13px;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel__toggle input:checked + span:before {
  background: var(--platform-accent-strong);
  border-color: var(--platform-accent-strong);
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel__body {
  display: none;
  margin-top: 10px;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel.is-enabled .order-risk-panel__body {
  display: block;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel__inputs {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel__field-label {
  color: var(--platform-text-muted);
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel__state-fields {
  display: none;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel .form-type-number input {
  background: var(--platform-surface-soft);
  border: 1px solid var(--platform-border-strong);
  border-radius: 10px;
  color: var(--platform-text-strong);
  min-height: 36px;
  padding: 8px 12px;
}

.forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel .input-group-addon {
  display: none;
}

.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body .contract-details > div,
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row,
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row,
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row,
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row,
.forex-create-assets-wrapper table tbody tr,
.path-dashboard .table-responsive .table-striped tbody tr {
  border-top: 1px solid rgba(82, 103, 170, 0.14);
}

.forex-create-left-wrapper .forex-create-contract-data-wrapper .panel-body .contract-details > div:nth-child(2n),
.forex-create-left-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1),
.forex-create-center-wrapper .forex-create-recent-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1),
.forex-create-left-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1),
.forex-create-center-wrapper .forex-create-book-wrapper .recent-deal .view-content > .views-row:nth-child(2n+1),
.forex-create-assets-wrapper table tbody tr:nth-child(2n+1) {
  background-color: rgba(28, 44, 92, 0.34);
}

.forex-create-assets-wrapper .quicktabs-tabs,
.menu--dashboard-account-menu {
  border-bottom: 1px solid rgba(89, 109, 171, 0.18);
}

.forex-create-assets-wrapper .quicktabs-tabs li a,
.menu--dashboard-account-menu li a {
  color: var(--platform-text-muted);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.forex-create-assets-wrapper .quicktabs-tabs li a:hover,
.menu--dashboard-account-menu li a:hover,
.menu--dashboard-account-menu li a.is-active {
  color: var(--platform-text-strong);
}

.forex-create-assets-wrapper .quicktabs-tabs li.active a {
  border-bottom-color: #dce7ff;
  color: var(--platform-text-strong);
}

.forex-create-assets-wrapper table tbody tr,
.path-dashboard .table-responsive .table-striped tbody tr {
  color: var(--platform-text);
}

.path-dashboard .table-responsive .table-striped tbody tr td:nth-child(1) {
  color: var(--platform-text-strong);
}

.forex-create-assets-wrapper table tbody tr td .links a,
.path-dashboard .table-responsive .table-striped tbody tr .links a {
  color: var(--platform-text);
}

.forex-create-assets-wrapper table tbody tr td .close-order-wrapper,
.path-dashboard .table-responsive .table-striped tbody tr .links a:hover {
  color: var(--platform-danger);
}

.path-dashboard .balance-dashboard {
  padding: 0;
}

.path-dashboard .balance-dashboard__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr);
}

.path-dashboard .balance-dashboard__card {
  background:
    radial-gradient(circle at top left, rgba(52, 84, 185, 0.12), transparent 34%),
    var(--platform-surface);
  border: 1px solid var(--platform-border);
  border-radius: 12px;
  box-shadow: var(--platform-shadow);
  padding: 22px;
}

.path-dashboard .balance-dashboard__card--summary {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.path-dashboard .balance-dashboard__eyebrow,
.path-dashboard .balance-dashboard__section-title {
  color: var(--platform-text-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.path-dashboard .balance-dashboard__headline {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: space-between;
}

.path-dashboard .balance-dashboard__total {
  color: var(--platform-text-strong);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 700;
  line-height: 0.95;
}

.path-dashboard .balance-dashboard__delta {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.path-dashboard .balance-dashboard__delta.is-positive {
  color: var(--platform-success);
}

.path-dashboard .balance-dashboard__delta.is-negative {
  color: var(--platform-danger);
}

.path-dashboard .balance-dashboard__delta.is-neutral {
  color: var(--platform-text-muted);
}

.path-dashboard .balance-dashboard__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: auto;
}

.path-dashboard .balance-dashboard__action-link {
  border: 1px solid rgba(52, 86, 184, 0.72);
  border-radius: 10px;
  color: var(--platform-text-strong);
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 8px;
  line-height: 1;
  padding: 11px 16px;
  text-transform: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.path-dashboard .balance-dashboard__action-link:before {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.path-dashboard .balance-dashboard__action-link:hover {
  text-decoration: none;
}

.path-dashboard .balance-dashboard__action-link--deposit {
  background: rgba(52, 87, 200, 0.18);
}

.path-dashboard .balance-dashboard__action-link--deposit:before {
  content: "+";
}

.path-dashboard .balance-dashboard__action-link--deposit:hover {
  background: rgba(52, 87, 200, 0.28);
  border-color: var(--platform-accent-strong);
}

.path-dashboard .balance-dashboard__action-link--withdraw {
  background: rgba(255, 255, 255, 0.03);
}

.path-dashboard .balance-dashboard__action-link--withdraw:before {
  content: "↗";
}

.path-dashboard .balance-dashboard__action-link--withdraw:hover {
  background: rgba(239, 83, 80, 0.12);
  border-color: rgba(239, 83, 80, 0.62);
  color: #ff8f8f;
}

.path-dashboard .balance-dashboard__stats {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.path-dashboard .balance-dashboard__stat {
  background: rgba(12, 20, 49, 0.62);
  border: 1px solid rgba(34, 53, 109, 0.62);
  border-radius: 10px;
  padding: 12px 14px;
}

.path-dashboard .balance-dashboard__stat-label {
  color: var(--platform-text-muted);
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.path-dashboard .balance-dashboard__stat-value {
  color: var(--platform-text-strong);
  font-size: 18px;
  font-weight: 700;
}

.path-dashboard .balance-dashboard__flow-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}

.path-dashboard .balance-dashboard__periods {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.path-dashboard .balance-dashboard__period {
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(52, 86, 184, 0.34);
  border-radius: 999px;
  color: var(--platform-text-muted);
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  padding: 6px 10px;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.path-dashboard .balance-dashboard__period:hover,
.path-dashboard .balance-dashboard__period:focus-visible {
  background: rgba(52, 87, 200, 0.12);
  border-color: rgba(52, 86, 184, 0.62);
  color: var(--platform-text-strong);
  outline: none;
  text-decoration: none;
}

.path-dashboard .balance-dashboard__period.is-active {
  background: rgba(52, 87, 200, 0.18);
  border-color: rgba(52, 86, 184, 0.72);
  color: var(--platform-text-strong);
  text-decoration: none;
}

.path-dashboard .balance-dashboard__bars {
  align-items: end;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(var(--flow-columns, 7), minmax(0, 1fr));
  min-height: 92px;
  padding-top: 10px;
  width: 100%;
}

.path-dashboard .balance-dashboard__bar-wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-end;
}

.path-dashboard .balance-dashboard__bar-amount {
  color: var(--platform-text-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
}

.path-dashboard .balance-dashboard__bar-amount--positive {
  color: var(--platform-success);
}

.path-dashboard .balance-dashboard__bar-amount--negative {
  color: var(--platform-danger);
}

.path-dashboard .balance-dashboard__bar {
  border-radius: 999px;
  display: block;
  min-height: 12px;
  width: 100%;
}

.path-dashboard .balance-dashboard__bar--positive {
  background: linear-gradient(180deg, #31d07f 0%, #1ea35f 100%);
}

.path-dashboard .balance-dashboard__bar--negative {
  background: linear-gradient(180deg, #ff7d78 0%, #df5c4e 100%);
}

.path-dashboard .balance-dashboard__bar--neutral {
  background: rgba(127, 144, 192, 0.35);
}

.path-dashboard .balance-dashboard__bar-label {
  color: var(--platform-text-muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
}

.path-dashboard .balance-dashboard__calendar {
  padding-top: 10px;
}

.path-dashboard .balance-dashboard__calendar-panels {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(var(--calendar-panels, 1), minmax(0, 1fr));
}

.path-dashboard .balance-dashboard__calendar-panels--2 {
  --calendar-panels: 2;
}

.path-dashboard .balance-dashboard__calendar-panels--3 {
  --calendar-panels: 3;
}

.path-dashboard .balance-dashboard__calendar-panel {
  min-width: 0;
}

.path-dashboard .balance-dashboard__calendar-title {
  color: var(--platform-text-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.path-dashboard .balance-dashboard__calendar-head {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  margin-bottom: 8px;
}

.path-dashboard .balance-dashboard__calendar-head span {
  color: var(--platform-text-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.path-dashboard .balance-dashboard__calendar-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.path-dashboard .balance-dashboard__calendar-cell {
  align-items: center;
  background: rgba(127, 144, 192, calc(0.08 + (var(--calendar-intensity) * 0.18)));
  border: 1px solid rgba(52, 86, 184, 0.18);
  border-radius: 8px;
  color: var(--platform-text-strong);
  display: flex;
  flex-direction: column;
  font-size: 11px;
  font-weight: 700;
  gap: 2px;
  height: 40px;
  justify-content: center;
  line-height: 1;
  min-width: 0;
  padding: 5px 3px;
  position: relative;
  text-align: center;
}

.path-dashboard .balance-dashboard__calendar-cell:hover:after,
.path-dashboard .balance-dashboard__calendar-cell:focus-visible:after {
  background: rgba(7, 11, 27, 0.94);
  border: 1px solid rgba(52, 86, 184, 0.28);
  border-radius: 6px;
  bottom: calc(100% + 8px);
  color: #fff;
  content: attr(data-flow);
  font-size: 10px;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 5px 8px;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 3;
}

.path-dashboard .balance-dashboard__calendar-cell--positive {
  background: linear-gradient(180deg, #31d07f 0%, #1ea35f 100%);
  border-color: rgba(49, 208, 127, 0.24);
  color: #f7fffb;
}

.path-dashboard .balance-dashboard__calendar-cell--negative {
  background: linear-gradient(180deg, #ff7d78 0%, #df5c4e 100%);
  border-color: rgba(255, 125, 120, 0.24);
  color: #fff8f8;
}

.path-dashboard .balance-dashboard__calendar-cell--neutral {
  color: rgba(255, 255, 255, 0.5);
}

.path-dashboard .balance-dashboard__calendar-cell--empty {
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.path-dashboard .balance-dashboard__card--analysis {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.path-dashboard .balance-dashboard__ring {
  align-items: center;
  aspect-ratio: 1;
  background: conic-gradient(#2f86ff 0 calc(var(--available-share) * 1%), #ffd05d calc(var(--available-share) * 1%) calc((var(--available-share) + var(--margin-share)) * 1%), #f6f8fc calc((var(--available-share) + var(--margin-share)) * 1%) calc((var(--available-share) + var(--margin-share) + var(--liquidity-share)) * 1%), rgba(127, 144, 192, 0.2) 0 100%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 210px;
  padding: 18px;
  position: relative;
  width: 100%;
}

.path-dashboard .balance-dashboard__ring:before {
  background: #0f1738;
  border-radius: 50%;
  content: "";
  inset: 18px;
  position: absolute;
}

.path-dashboard .balance-dashboard__ring-icon {
  border: 2px solid rgba(9, 15, 36, 0.92);
  border-radius: 50%;
  height: 24px;
  left: 50%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  z-index: 2;
}

.path-dashboard .balance-dashboard__legend {
  display: grid;
  gap: 10px;
}

.path-dashboard .balance-dashboard__legend-item {
  align-items: center;
  color: var(--platform-text);
  display: grid;
  gap: 10px;
  grid-template-columns: 10px minmax(0, 1fr) auto;
}

.path-dashboard .balance-dashboard__legend-item strong {
  color: var(--platform-text-strong);
  font-size: 12px;
}

.path-dashboard .balance-dashboard__legend-dot {
  border-radius: 50%;
  display: block;
  height: 10px;
  width: 10px;
}

.path-dashboard .balance-dashboard__legend-icon {
  border-radius: 50%;
  display: block;
  height: 16px;
  object-fit: cover;
  width: 16px;
}

.path-dashboard .balance-dashboard__legend-dot--available {
  background: #2f86ff;
}

.path-dashboard .balance-dashboard__legend-dot--margin {
  background: #ffd05d;
}

.path-dashboard .balance-dashboard__legend-dot--liquidity {
  background: #f6f8fc;
}

.path-dashboard .balance-dashboard__card--table {
  overflow: hidden;
}

.path-dashboard .balance-dashboard__table-wrap {
  margin-top: 16px;
  overflow-x: auto;
}

.path-dashboard .balance-dashboard__table {
  border-collapse: collapse;
  width: 100%;
}

.path-dashboard .balance-dashboard__table th,
.path-dashboard .balance-dashboard__table td {
  border-top: 1px solid rgba(82, 103, 170, 0.14);
  padding: 14px 10px;
}

.path-dashboard .balance-dashboard__table thead th {
  border-top: none;
  color: var(--platform-text-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.path-dashboard .balance-dashboard__table tbody td {
  color: var(--platform-text);
}

.path-dashboard .balance-dashboard__table tbody td:first-child {
  color: var(--platform-text-strong);
  font-weight: 700;
}

.path-dashboard .balance-dashboard__table .links a {
  color: var(--platform-text-strong);
}

.path-dashboard .balance-dashboard__table .links a:hover {
  color: var(--platform-danger);
}

.path-dashboard .balance-dashboard__card--activity {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.path-dashboard .balance-dashboard__activity {
  display: grid;
  gap: 12px;
}

.path-dashboard .balance-dashboard__activity-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.path-dashboard .balance-dashboard__activity-stat {
  background: rgba(12, 20, 49, 0.62);
  border: 1px solid rgba(34, 53, 109, 0.62);
  border-radius: 10px;
  padding: 10px 12px;
}

.path-dashboard .balance-dashboard__activity-stat-label {
  color: var(--platform-text-muted);
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.path-dashboard .balance-dashboard__activity-stat-value {
  color: var(--platform-text-strong);
  font-size: 15px;
  font-weight: 700;
}

.path-dashboard .balance-dashboard__activity-stat-value--positive {
  color: var(--platform-success);
}

.path-dashboard .balance-dashboard__activity-stat-value--negative {
  color: var(--platform-danger);
}

.path-dashboard .balance-dashboard__activity-item {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
}

.path-dashboard .balance-dashboard__activity-icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  position: relative;
  width: 34px;
}

.path-dashboard .balance-dashboard__activity-icon:before {
  font-size: 16px;
  font-weight: 700;
}

.path-dashboard .balance-dashboard__activity-icon--deposit {
  color: #2f86ff;
}

.path-dashboard .balance-dashboard__activity-icon--deposit:before {
  content: "↓";
}

.path-dashboard .balance-dashboard__activity-icon--withdraw {
  color: #df5c4e;
}

.path-dashboard .balance-dashboard__activity-icon--withdraw:before {
  content: "↑";
}

.path-dashboard .balance-dashboard__activity-title {
  color: var(--platform-text-strong);
  font-size: 13px;
  font-weight: 700;
}

.path-dashboard .balance-dashboard__activity-meta {
  color: var(--platform-text-muted);
  font-size: 11px;
  margin-top: 3px;
}

.path-dashboard .balance-dashboard__activity-amount {
  font-size: 13px;
  font-weight: 700;
}

.path-dashboard .balance-dashboard__activity-amount--positive {
  color: var(--platform-success);
}

.path-dashboard .balance-dashboard__activity-amount--negative {
  color: var(--platform-danger);
}

.path-dashboard .balance-dashboard__empty {
  color: var(--platform-text-muted);
  font-size: 13px;
}

.path-dashboard .trades-dashboard__grid {
  align-items: start;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.9fr);
}

.path-dashboard .trades-dashboard__card--summary,
.path-dashboard .trades-dashboard__card--assets {
  min-height: 100%;
}

.path-dashboard .trades-dashboard__card--history {
  grid-column: 1/-1;
  overflow: hidden;
  padding-bottom: 0;
}

.path-dashboard .trades-dashboard__stat-value--positive {
  color: var(--platform-success);
}

.path-dashboard .trades-dashboard__stat-value--negative {
  color: var(--platform-danger);
}

.path-dashboard .trades-dashboard__stat-value--neutral {
  color: var(--platform-text-strong);
}

.path-dashboard .trades-dashboard__headline-copy {
  min-width: 0;
}

.path-dashboard .trades-dashboard__headline-row {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.path-dashboard .trades-dashboard__chart {
  padding-top: 10px;
}

.path-dashboard .trades-dashboard__chart-plot {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(var(--trade-chart-columns, 7), minmax(0, 1fr));
  min-height: 210px;
}

.path-dashboard .trades-dashboard__chart-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.path-dashboard .trades-dashboard__chart-barbox {
  background: linear-gradient(rgba(82, 103, 170, 0.14), rgba(82, 103, 170, 0.14)) center 18%/100% 1px no-repeat, linear-gradient(rgba(82, 103, 170, 0.22), rgba(82, 103, 170, 0.22)) center 50%/100% 1px no-repeat, linear-gradient(rgba(82, 103, 170, 0.14), rgba(82, 103, 170, 0.14)) center 82%/100% 1px no-repeat;
  height: 172px;
  position: relative;
  width: 100%;
}

.path-dashboard .trades-dashboard__chart-bar {
  border-radius: 10px 10px 4px 4px;
  left: 50%;
  min-height: 8px;
  position: absolute;
  transform: translateX(-50%);
  transition: filter 0.15s ease;
  width: min(26px, 72%);
}

.path-dashboard .trades-dashboard__chart-bar:hover,
.path-dashboard .trades-dashboard__chart-bar:focus-visible {
  filter: brightness(1.06);
  outline: none;
}

.path-dashboard .trades-dashboard__chart-bar:hover:after,
.path-dashboard .trades-dashboard__chart-bar:focus-visible:after {
  background: rgba(7, 11, 27, 0.96);
  border: 1px solid rgba(52, 86, 184, 0.28);
  border-radius: 6px;
  color: #fff;
  content: attr(data-amount);
  font-size: 10px;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 6px 8px;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 2;
}

.path-dashboard .trades-dashboard__chart-bar--positive {
  background: linear-gradient(180deg, #31d07f 0%, #1ea35f 100%);
  bottom: 50%;
}

.path-dashboard .trades-dashboard__chart-bar--positive:hover:after,
.path-dashboard .trades-dashboard__chart-bar--positive:focus-visible:after {
  bottom: calc(100% + 10px);
}

.path-dashboard .trades-dashboard__chart-bar--negative {
  background: linear-gradient(180deg, #ff7d78 0%, #df5c4e 100%);
  border-radius: 4px 4px 10px 10px;
  top: 50%;
}

.path-dashboard .trades-dashboard__chart-bar--negative:hover:after,
.path-dashboard .trades-dashboard__chart-bar--negative:focus-visible:after {
  bottom: calc(100% + 10px);
}

.path-dashboard .trades-dashboard__chart-bar--neutral {
  background: rgba(127, 144, 192, 0.35);
  bottom: calc(50% - 4px);
}

.path-dashboard .trades-dashboard__chart-label {
  color: var(--platform-text-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.path-dashboard .trades-dashboard__history-table {
  margin-top: 18px;
}

.path-dashboard .trades-dashboard__history-table .view-orders.view-display-id-history {
  margin: 0;
}

.path-dashboard .trades-dashboard__history-table .table-responsive {
  padding-bottom: 18px;
}

.path-dashboard .trades-dashboard__sort-head {
  cursor: pointer;
  position: relative;
  transition: color 0.15s ease;
  user-select: none;
}

.path-dashboard .trades-dashboard__sort-head:focus-visible,
.path-dashboard .trades-dashboard__sort-head:hover {
  color: var(--platform-text-strong);
  outline: none;
}

.path-dashboard .trades-dashboard__sort-head:after {
  color: rgba(127, 144, 192, 0.72);
  content: "↕";
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-left: 6px;
  vertical-align: middle;
}

.path-dashboard .trades-dashboard__sort-head[data-sort-direction=asc]:after {
  color: var(--platform-text-strong);
  content: "↑";
}

.path-dashboard .trades-dashboard__sort-head[data-sort-direction=desc]:after {
  color: var(--platform-text-strong);
  content: "↓";
}

.path-dashboard .trades-dashboard__asset-list {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.path-dashboard .trades-dashboard__asset-item {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(120px, 0.9fr) minmax(0, 1.4fr) auto;
}

.path-dashboard .trades-dashboard__asset-label {
  align-items: center;
  color: var(--platform-text);
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 10px;
  min-width: 0;
}

.path-dashboard .trades-dashboard__asset-label span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.path-dashboard .trades-dashboard__asset-icon {
  border-radius: 50%;
  flex: 0 0 auto;
  height: 18px;
  object-fit: cover;
  width: 18px;
}

.path-dashboard .trades-dashboard__asset-track {
  background: rgba(127, 144, 192, 0.12);
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
  position: relative;
}

.path-dashboard .trades-dashboard__asset-bar {
  border-radius: 999px;
  display: block;
  height: 100%;
  min-width: 6px;
}

.path-dashboard .trades-dashboard__asset-bar--positive {
  background: linear-gradient(90deg, #31d07f 0%, #1ea35f 100%);
}

.path-dashboard .trades-dashboard__asset-bar--negative {
  background: linear-gradient(90deg, #ff7d78 0%, #df5c4e 100%);
}

.path-dashboard .trades-dashboard__asset-bar--neutral {
  background: rgba(127, 144, 192, 0.38);
}

.path-dashboard .trades-dashboard__asset-value {
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

.path-dashboard .trades-dashboard__asset-value--positive {
  color: var(--platform-success);
}

.path-dashboard .trades-dashboard__asset-value--negative {
  color: var(--platform-danger);
}

.path-dashboard .trades-dashboard__asset-value--neutral {
  color: var(--platform-text-strong);
}

.path-dashboard .trades-dashboard__asset-meta {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 20px;
}

@media (max-width: 991.98px) {
  .path-dashboard .balance-dashboard__grid {
    grid-template-columns: 1fr;
  }

  .path-dashboard .trades-dashboard__grid {
    grid-template-columns: 1fr;
  }

  .path-dashboard .trades-dashboard__chart-plot {
    gap: 10px;
    min-height: 184px;
  }

  .path-dashboard .trades-dashboard__asset-item {
    grid-template-columns: minmax(110px, 0.9fr) minmax(0, 1fr) auto;
  }
}

@media (max-width: 767.98px) {
  .path-dashboard .trades-dashboard__card--history {
    padding-bottom: 22px;
  }

  .path-dashboard .trades-dashboard__chart-barbox {
    height: 148px;
  }

  .path-dashboard .trades-dashboard__chart-label {
    font-size: 9px;
  }

  .path-dashboard .trades-dashboard__asset-item {
    gap: 8px;
    grid-template-columns: minmax(0, 1fr);
  }

  .path-dashboard .trades-dashboard__asset-value {
    text-align: left;
  }

  .path-dashboard .trades-dashboard__asset-meta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .path-dashboard .balance-dashboard__card {
    padding: 18px;
  }

  .path-dashboard .balance-dashboard__stats {
    grid-template-columns: 1fr;
  }

  .path-dashboard .balance-dashboard__headline {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .path-dashboard .balance-dashboard__activity-summary {
    display: none;
  }

  .path-dashboard .balance-dashboard__activity-item {
    align-items: center;
    grid-template-columns: 34px minmax(0, 1fr) auto;
  }

  .path-dashboard .balance-dashboard__activity-amount {
    grid-column: auto;
  }

  .path-dashboard .balance-dashboard__calendar-head,
  .path-dashboard .balance-dashboard__calendar-grid {
    gap: 6px;
  }

  .path-dashboard .balance-dashboard__calendar-panels {
    gap: 12px;
    grid-template-columns: 1fr;
  }

  .path-dashboard .balance-dashboard__calendar-cell {
    font-size: 10px;
    height: 34px;
    padding: 4px 2px;
  }
}

.block-forex-account-account-menu {
  border-left: 1px solid rgba(89, 109, 171, 0.18);
}

.block-forex-account-account-menu .form-group {
  border-top: 1px solid var(--platform-accent);
}

.application-login-wrapper .alert-text {
  color: var(--platform-text-muted);
}

#block-forex-admin-select-app {
  display: none;
}

/* Remaining legacy surfaces */
.login-container .login-container-wrapper,
.error-page-container .error-page-wrapper,
form.user-verification-form,
form.user-account-form,
.modal-dialog .modal-content,
.ui-resizable-disabled,
.ui-dialog .ui-dialog-content,
#drupal-modal {
  background:
    radial-gradient(circle at top left, rgba(52, 84, 185, 0.12), transparent 34%),
    var(--platform-surface);
  border: 1px solid var(--platform-border);
  box-shadow: var(--platform-shadow);
  color: var(--platform-text);
}

.login-container {
  max-width: 560px;
}

.login-container .login-container-wrapper,
.error-page-container .error-page-wrapper {
  border-radius: 16px;
}

.login-container .login-container-wrapper {
  padding: 36px 34px;
}

.login-container .login-container-wrapper .form-footer,
.login-container .login-container-wrapper .form-footer .text-center,
.error-page-container .error-page-text {
  color: var(--platform-text-muted);
}

.login-container .login-container-wrapper a,
.error-page-container .error-page-actions .btn-login a {
  color: var(--platform-text-strong);
}

.login-container .login-container-wrapper .form-footer a,
.error-page-container .error-page-actions .btn-login a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  padding: 11px 18px;
  border: 1px solid var(--platform-border-strong);
  border-radius: 999px;
  background: rgba(52, 87, 200, 0.12);
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.login-container .login-container-wrapper .form-footer a:hover,
.error-page-container .error-page-actions .btn-login a:hover {
  background: rgba(52, 87, 200, 0.2);
  border-color: var(--platform-accent-strong);
}

form.user-verification-form,
form.user-account-form {
  border-radius: 14px;
  padding: 36px 40px;
}

.login-container .login-container-wrapper .control-label,
form.user-verification-form .control-label,
form.user-account-form .control-label {
  color: var(--platform-text-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.login-container .login-container-wrapper .form-control,
.login-container .login-container-wrapper input[type="text"],
.login-container .login-container-wrapper input[type="email"],
.login-container .login-container-wrapper input[type="password"],
.login-container .login-container-wrapper input[type="number"],
.login-container .login-container-wrapper select,
.login-container .login-container-wrapper textarea,
form.user-verification-form .form-control,
form.user-verification-form input[type="text"],
form.user-verification-form input[type="email"],
form.user-verification-form input[type="password"],
form.user-verification-form input[type="number"],
form.user-verification-form select,
form.user-verification-form textarea,
form.user-account-form .form-control,
form.user-account-form input[type="text"],
form.user-account-form input[type="email"],
form.user-account-form input[type="password"],
form.user-account-form input[type="number"],
form.user-account-form select,
form.user-account-form textarea {
  background: var(--platform-surface-soft);
  border: 1px solid var(--platform-border-strong);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
  color: var(--platform-text-strong);
  margin-bottom: 16px;
  min-height: 54px;
  padding: 14px 18px;
}

.login-container .login-container-wrapper .form-control::placeholder,
.login-container .login-container-wrapper input::placeholder,
form.user-verification-form .form-control::placeholder,
form.user-verification-form input::placeholder,
form.user-account-form .form-control::placeholder,
form.user-account-form input::placeholder {
  color: var(--platform-text-muted);
  opacity: 1;
}

.login-container .login-container-wrapper .form-control:focus,
.login-container .login-container-wrapper input:focus,
.login-container .login-container-wrapper select:focus,
.login-container .login-container-wrapper textarea:focus,
form.user-verification-form .form-control:focus,
form.user-verification-form input:focus,
form.user-verification-form select:focus,
form.user-verification-form textarea:focus,
form.user-account-form .form-control:focus,
form.user-account-form input:focus,
form.user-account-form select:focus,
form.user-account-form textarea:focus {
  border-color: var(--platform-accent-strong);
  box-shadow: 0 0 0 2px rgba(52, 87, 200, 0.18);
  outline: none;
}

.login-container .login-container-wrapper .field--widget-boolean-checkbox,
form.user-verification-form .field--widget-boolean-checkbox,
form.user-account-form .field--widget-boolean-checkbox {
  color: var(--platform-text-muted);
}

form.user-verification-form .field--type-file,
form.user-verification-form .field--type-image {
  border-top-color: rgba(89, 109, 171, 0.18);
}

form.user-verification-form .form-type-managed-file .form-managed-file {
  background: rgba(12, 20, 49, 0.46);
  border: 1px solid rgba(34, 53, 109, 0.6);
  border-radius: 12px;
  padding: 12px 14px;
}

form.user-verification-form .form-type-managed-file .form-managed-file .file > span,
form.user-verification-form .error-comment {
  color: var(--platform-text);
}

form.user-verification-form .error-comment {
  background: rgba(239, 83, 80, 0.12);
  border: 1px solid rgba(239, 83, 80, 0.32);
}

form.user-verification-form .form-actions button,
form.user-account-form .form-actions button,
form.user-verification-form .form-actions .button.verification-button,
form.user-account-form .form-actions .button.verification-button {
  background: transparent;
  border: 1px solid var(--platform-border-strong);
  border-radius: 999px;
  color: var(--platform-text-strong);
  min-width: 132px;
}

form.user-verification-form .form-actions button:hover,
form.user-account-form .form-actions button:hover,
form.user-verification-form .form-actions .button.verification-button:hover,
form.user-account-form .form-actions .button.verification-button:hover {
  background: rgba(52, 87, 200, 0.16);
  border-color: var(--platform-accent-strong);
}

.modal-dialog .modal-content,
.ui-resizable-disabled,
#drupal-modal {
  border-radius: 16px;
  overflow: hidden;
}

.modal-dialog .modal-content .modal-header,
.ui-resizable-disabled .modal-header,
.ui-dialog .ui-dialog-titlebar {
  background: transparent;
  border-bottom: 1px solid rgba(89, 109, 171, 0.18) !important;
}

.modal-dialog .modal-content .modal-header .modal-title,
.ui-resizable-disabled .modal-header .modal-title,
.ui-dialog .ui-dialog-title {
  color: var(--platform-text-strong);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.modal-dialog .modal-content .modal-header .close,
.ui-resizable-disabled .modal-header .close,
.ui-dialog .ui-dialog-titlebar-close {
  color: var(--platform-text-strong);
  opacity: 0.85;
}

.modal-dialog .modal-content .stop-loss .wrapper .form-type-number input,
.modal-dialog .modal-content .take-profit .wrapper .form-type-number input,
.modal-dialog .modal-content .stop-loss .wrapper .form-type-checkbox span:before,
.modal-dialog .modal-content .take-profit .wrapper .form-type-checkbox span:before,
.ui-resizable-disabled .modal-body .wallet,
.modal-dialog .modal-content .form-control,
.modal-dialog .modal-content input[type="text"],
.modal-dialog .modal-content input[type="number"],
.modal-dialog .modal-content input[type="email"],
.modal-dialog .modal-content input[type="password"],
.modal-dialog .modal-content select,
.ui-dialog .ui-dialog-content .form-control,
.ui-dialog .ui-dialog-content input[type="text"],
.ui-dialog .ui-dialog-content input[type="number"],
.ui-dialog .ui-dialog-content input[type="email"],
.ui-dialog .ui-dialog-content input[type="password"],
.ui-dialog .ui-dialog-content select,
.forex-payment-deposit-form .form-type-number > .input-group .input-group-addon,
.forex-payment-withdraw-form .form-type-number > .input-group .input-group-addon {
  background: var(--platform-surface-soft);
  border-color: var(--platform-border-strong);
  color: var(--platform-text);
}

.modal-dialog .modal-content .form-control,
.modal-dialog .modal-content input[type="text"],
.modal-dialog .modal-content input[type="number"],
.modal-dialog .modal-content input[type="email"],
.modal-dialog .modal-content input[type="password"],
.modal-dialog .modal-content select,
.ui-dialog .ui-dialog-content .form-control,
.ui-dialog .ui-dialog-content input[type="text"],
.ui-dialog .ui-dialog-content input[type="number"],
.ui-dialog .ui-dialog-content input[type="email"],
.ui-dialog .ui-dialog-content input[type="password"],
.ui-dialog .ui-dialog-content select {
  border: 1px solid var(--platform-border-strong);
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
  color: var(--platform-text-strong);
  margin-bottom: 12px;
  min-height: 54px;
  padding: 14px 18px;
}

.modal-dialog .modal-content .form-control::placeholder,
.modal-dialog .modal-content input::placeholder,
.ui-dialog .ui-dialog-content .form-control::placeholder,
.ui-dialog .ui-dialog-content input::placeholder {
  color: var(--platform-text-muted);
  opacity: 1;
}

.modal-dialog .modal-content .form-control:focus,
.modal-dialog .modal-content input:focus,
.modal-dialog .modal-content select:focus,
.ui-dialog .ui-dialog-content .form-control:focus,
.ui-dialog .ui-dialog-content input:focus,
.ui-dialog .ui-dialog-content select:focus {
  border-color: var(--platform-accent-strong);
  box-shadow: 0 0 0 2px rgba(52, 87, 200, 0.18);
  outline: none;
}

.modal-dialog .modal-content .stop-loss .stop-loss-values,
.modal-dialog .modal-content .take-profit .stop-loss-values,
.modal-dialog .modal-content .stop-loss .take-profit-values,
.modal-dialog .modal-content .take-profit .take-profit-values,
.modal-dialog .modal-content .order-info,
.ui-resizable-disabled .modal-body .wallet {
  background: rgba(12, 20, 49, 0.52);
  border: 1px solid rgba(34, 53, 109, 0.62);
}

.modal-dialog .modal-content .order-info > div:nth-child(2n) {
  background: rgba(28, 44, 92, 0.3);
}

.modal-dialog .modal-content .order-info > div:hover {
  background: rgba(32, 57, 129, 0.24);
}

.modal-dialog .modal-footer {
  border-top: 1px solid rgba(89, 109, 171, 0.18);
}

.modal-dialog .modal-footer .btn-secondary,
.ui-resizable-disabled .ui-dialog-buttonpane .button {
  background: transparent;
  border: 1px solid var(--platform-border-strong);
  border-radius: 999px;
  color: var(--platform-text-strong);
}

.modal-dialog .modal-footer .btn-primary,
.ui-resizable-disabled .ui-dialog-buttonpane .button:hover {
  background: rgba(52, 87, 200, 0.16);
  border-color: var(--platform-accent-strong);
  color: var(--platform-text-strong);
}

.modal--leverage .leverage-modal {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.modal--leverage .leverage-modal__label {
  color: var(--platform-text-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.modal--leverage .leverage-modal__controls {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 52px minmax(0, 1fr) 52px;
  margin: 0 auto;
  max-width: 560px;
  width: 100%;
}

.modal--leverage .leverage-modal__step,
.modal--leverage .leverage-modal__display {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(89, 109, 171, 0.24);
  border-radius: 12px;
  color: var(--platform-text-strong);
  min-height: 48px;
}

.modal--leverage .leverage-modal__step {
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}

.modal--leverage .leverage-modal__display {
  align-items: center;
  display: flex;
  font-size: 22px;
  font-weight: 600;
  justify-content: center;
  text-transform: lowercase;
}

.modal--leverage .modal-footer {
  display: flex;
  gap: 12px;
}

.modal--leverage .modal-footer .btn-secondary,
.modal--leverage .modal-footer .btn-primary {
  flex: 0 1 calc(50% - 6px);
  min-height: 40px;
  width: calc(50% - 6px);
  margin: 0;
  border-radius: 999px;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.modal--leverage .modal-footer .btn-secondary:hover,
.modal--leverage .modal-footer .btn-secondary:focus-visible,
.modal--leverage .modal-footer .btn-secondary:active {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.72);
  color: #ff8f8f;
}

.modal--leverage .modal-footer .btn-primary:hover,
.modal--leverage .modal-footer .btn-primary:focus-visible,
.modal--leverage .modal-footer .btn-primary:active {
  background: rgba(34, 197, 94, 0.12);
  border-color: rgba(34, 197, 94, 0.72);
  color: #7ef0a7;
}

.modal--leverage .leverage-modal__field .field--name-field-leverage > .control-label,
.modal--leverage .leverage-modal__field .field--name-field-leverage label {
  display: none !important;
}

.modal--leverage .leverage-modal__field .form-item {
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
}

.modal--leverage .leverage-modal__field .form-number {
  display: none !important;
}

.modal--leverage .leverage-modal__field input#leverage-range {
  display: none !important;
}

.modal--leverage .leverage-modal__field input#leverage-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 0;
  background: #26a99d;
  box-shadow: none;
}

.modal--leverage .leverage-modal__field input#leverage-range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 0;
  background: #26a99d;
  box-shadow: none;
}

.modal--leverage .leverage-modal__marks {
  cursor: pointer;
  position: relative;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  width: 86%;
  margin: 2px auto 0;
  padding: 0;
  --leverage-progress: 0%;
  --leverage-rail-start: 0px;
  --leverage-rail-span: 0px;
  --leverage-progress-px: 0px;
}

.modal--leverage .leverage-modal__marks:before {
  position: absolute;
  content: "";
  left: var(--leverage-rail-start);
  width: var(--leverage-rail-span);
  top: 5px;
  height: 2px;
  background: rgba(127, 144, 192, 0.26);
}

.modal--leverage .leverage-modal__marks:after {
  position: absolute;
  content: "";
  left: var(--leverage-rail-start);
  top: 5px;
  height: 2px;
  width: max(0px, calc(var(--leverage-progress-px) - var(--leverage-rail-start)));
  max-width: var(--leverage-rail-span);
  background: #f0c34a;
}

.modal--leverage .leverage-modal__marks {
  overflow: visible;
}

.modal--leverage .leverage-modal__pointer {
  position: absolute;
  left: var(--leverage-progress-px);
  top: 2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background: #f0c34a;
  transform: rotate(45deg);
  border-radius: 1px;
  z-index: 2;
}

.modal--leverage .leverage-modal__mark {
  background: transparent;
  border: none;
  width: 100%;
  height: 30px;
  padding: 0;
  position: relative;
  z-index: 1;
  color: #d7deee;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  padding-top: 14px;
}

.modal--leverage .leverage-modal__mark:before {
  background: rgba(127, 144, 192, 0.5);
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: 1px;
  width: 10px;
}

.modal--leverage .leverage-modal__mark.is-past:before {
  background: #f0c34a;
}

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

.modal--leverage .leverage-modal__note {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(240, 195, 74, 0.28);
  border-radius: 12px;
  color: #d7deee;
  font-size: 13px;
  line-height: 1.4;
  padding: 12px 14px;
}

.modal--leverage .leverage-modal__note strong {
  color: #f0c34a;
}

.modal--leverage .leverage-modal__warning {
  color: #ff6b6b;
  font-size: 13px;
  line-height: 1.35;
}

.modal-dialog .modal-content .order-confirmation {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-dialog .modal-content .order-confirmation__hero {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.modal-dialog .modal-content .order-confirmation__eyebrow {
  color: var(--platform-text-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.modal-dialog .modal-content .order-confirmation__action {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  min-width: 92px;
  padding: 8px 18px;
  text-transform: uppercase;
}

.modal-dialog .modal-content .order-confirmation__action.order-confirmation__action--buy {
  background: rgba(34, 197, 94, 0.14);
  color: var(--platform-success);
}

.modal-dialog .modal-content .order-confirmation__action.order-confirmation__action--sell {
  background: rgba(239, 83, 80, 0.14);
  color: var(--platform-danger);
}

.modal-dialog .modal-content .order-summary {
  background: rgba(12, 20, 49, 0.52);
  border: 1px solid rgba(34, 53, 109, 0.62);
  border-radius: 14px;
  overflow: hidden;
}

.modal-dialog .modal-content .order-summary__row {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 14px 16px;
}

.modal-dialog .modal-content .order-summary__row:nth-child(2n) {
  background: rgba(28, 44, 92, 0.3);
}

.modal-dialog .modal-content .order-summary__label {
  color: var(--platform-text-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.modal-dialog .modal-content .order-summary__value {
  color: var(--platform-text-strong);
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}

.messages--error {
  background: rgba(239, 83, 80, 0.1);
  border: 1px solid rgba(239, 83, 80, 0.28);
  border-radius: 10px;
  color: #ff8f9a;
  padding: 12px 14px;
}

@media (max-width: 767.98px) {
  .forex-current-asset-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .forex-create-left-wrapper .forex-create-order-wrapper .panel-heading .order-leverage-overview__trigger {
    width: 100%;
  }

  .forex-create-left-wrapper .forex-create-order-wrapper .panel-body form .order-risk-panel__inputs {
    grid-template-columns: 1fr;
  }

  .modal--leverage .leverage-modal__controls {
    grid-template-columns: 56px minmax(0, 1fr) 56px;
    gap: 10px;
  }

  .table-responsive .table tbody tr,
  .view-orders.view-display-id-close_order .table-responsive tbody tr {
    border: 1px solid rgba(34, 53, 109, 0.7);
    border-radius: 14px;
    background:
      radial-gradient(circle at top left, rgba(52, 84, 185, 0.12), transparent 34%),
      linear-gradient(180deg, #0d1532 0%, #090f24 100%) !important;
    box-shadow: 0 16px 32px rgba(3, 8, 24, 0.2);
  }

  .table-responsive .table tbody tr td.views-field-field-assets a,
  .view-orders.view-display-id-close_order td[headers="view-field-assets-table-column--2"] {
    color: var(--platform-text-strong);
  }

  .table-responsive .table tbody tr td.views-field-field-volume::before,
  .table-responsive .table tbody tr td.views-field-field-price::before,
  .table-responsive .table tbody tr td.views-field-field-margin::before,
  .table-responsive .table tbody tr td.views-field-field-stop-loss-value::before,
  .table-responsive .table tbody tr td.views-field-field-take-profit-value::before,
  .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"]::before,
  .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"]::before,
  .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"]::before,
  .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"]::before {
    color: var(--platform-text-muted);
  }

  html[lang^="fr"] .table-responsive .table tbody tr td.views-field-field-volume::before,
  html[lang^="fr"] .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"]::before {
    content: "Volume :";
  }

  html[lang^="fr"] .table-responsive .table tbody tr td.views-field-field-price::before,
  html[lang^="fr"] .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"]::before {
    content: "Prix d’ouverture :";
  }

  html[lang^="fr"] .table-responsive .table tbody tr td.views-field-field-margin::before,
  html[lang^="fr"] .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"]::before {
    content: "Marge :";
  }

  html[lang^="fr"] .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"]::before {
    content: "Prix de clôture :";
  }

  html[lang^="de"] .table-responsive .table tbody tr td.views-field-field-volume::before,
  html[lang^="de"] .view-orders.view-display-id-close_order td[headers="view-field-volume-table-column--2"]::before {
    content: "Volumen:";
  }

  html[lang^="de"] .table-responsive .table tbody tr td.views-field-field-price::before,
  html[lang^="de"] .view-orders.view-display-id-close_order td[headers="view-field-price-table-column--2"]::before {
    content: "Eroeffnungspreis:";
  }

  html[lang^="de"] .table-responsive .table tbody tr td.views-field-field-margin::before,
  html[lang^="de"] .view-orders.view-display-id-close_order td[headers="view-field-margin-table-column--2"]::before {
    content: "Margin:";
  }

  html[lang^="de"] .view-orders.view-display-id-close_order td[headers="view-field-final-price-table-column"]::before {
    content: "Schlusspreis:";
  }

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

  .view-orders.view-display-id-close_order .table-responsive {
    background: transparent;
  }

  form.user-verification-form,
  form.user-account-form,
  .login-container .login-container-wrapper {
    padding: 24px 18px;
  }

  .login-container {
    max-width: 100%;
    padding: 18px 0;
  }

  .login-container .login-container-wrapper,
  .login-container--register .login-container-wrapper {
    padding: 22px 18px 26px;
    border-radius: 14px;
  }

  .login-container .login-container-wrapper form,
  form.user-account-form {
    max-width: 100%;
  }

  .login-container .login-container-wrapper .logo {
    max-width: min(100%, 176px);
    max-height: 76px;
    margin: 18px auto 24px;
  }

  .login-container .login-container-wrapper .form-footer {
    margin-top: 22px;
    font-size: 15px;
  }

  .login-container .login-container-wrapper .form-footer a {
    min-width: 0;
    width: 100%;
    max-width: 190px;
  }

  .login-container .login-container-wrapper .form-control,
  .login-container .login-container-wrapper input[type="text"],
  .login-container .login-container-wrapper input[type="email"],
  .login-container .login-container-wrapper input[type="password"],
  .login-container .login-container-wrapper input[type="number"],
  .login-container .login-container-wrapper select,
  .login-container .login-container-wrapper textarea,
  form.user-account-form .form-control,
  form.user-account-form input[type="text"],
  form.user-account-form input[type="email"],
  form.user-account-form input[type="password"],
  form.user-account-form input[type="number"],
  form.user-account-form select,
  form.user-account-form textarea {
    min-height: 46px;
    padding: 11px 14px;
    font-size: 14px;
  }

  .login-container--register form.user-account-form .field--widget-boolean-checkbox label,
  .login-container--register form.user-account-form .field--widget-boolean-checkbox .control-label {
    font-size: 12px;
  }

  .login-container .login-container-wrapper .form-actions .btn,
  .login-container .login-container-wrapper .form-actions button,
  form.user-account-form .form-actions .btn,
  form.user-account-form .form-actions button {
    min-height: 46px;
    padding: 11px 16px;
    font-size: 15px;
  }
}

.modal.show,
.modal.in,
.modal-backdrop,
.modal-backdrop.in,
.modal-backdrop.show,
.ui-widget-overlay {
  inset: 0;
  position: fixed;
  background-color: rgba(7, 12, 27, 0.38) !important;
  background-image: none !important;
  background: rgba(7, 12, 27, 0.38) !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.price-change-percent,
.views-field-field-price-change-percent,
.views-field.views-field-field-price-change-percent,
td.price-change-percent,
td.views-field.views-field-field-price-change-percent {
  display: none !important;
}

.trades-dashboard__sort-head {
  cursor: pointer;
  position: relative;
  transition: color 0.15s ease;
  user-select: none;
}

.trades-dashboard__sort-head:focus-visible,
.trades-dashboard__sort-head:hover {
  color: var(--platform-text-strong);
  outline: none;
}

.trades-dashboard__sort-head:after {
  color: rgba(127, 144, 192, 0.72);
  content: "↕";
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  margin-left: 6px;
  vertical-align: middle;
}

.trades-dashboard__sort-head[data-sort-direction=asc]:after {
  color: var(--platform-text-strong);
  content: "↑";
}

.trades-dashboard__sort-head[data-sort-direction=desc]:after {
  color: var(--platform-text-strong);
  content: "↓";
}

.orders-history-table__mobile-label,
.orders-history-table__date-range-mobile {
  display: none;
}

@media (max-width: 767.98px) {
  .orders-history-table {
    background: transparent;
    padding: 0 0 18px;
  }

  .orders-history-table thead {
    display: none;
  }

  .orders-history-table table,
  .orders-history-table tbody {
    display: block;
    width: 100%;
  }

  .orders-history-table tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-auto-rows: auto;
    column-gap: 12px;
    row-gap: 6px;
    margin-bottom: 12px;
    padding: 14px 12px;
    border: 1px solid rgba(34, 53, 109, 0.7) !important;
    border-radius: 14px;
    background:
      radial-gradient(circle at top left, rgba(52, 84, 185, 0.12), transparent 34%),
      linear-gradient(180deg, #0d1532 0%, #090f24 100%) !important;
    box-shadow: 0 16px 32px rgba(3, 8, 24, 0.2);
  }

  .orders-history-table tbody tr td {
    background: transparent !important;
    border-top: none !important;
    padding: 3px 0 !important;
  }

  .orders-history-table__mobile-label {
    color: var(--platform-text-muted);
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin-right: 1rem;
    text-transform: uppercase;
  }

  .orders-history-table__mobile-value {
    display: inline-block;
    min-width: 0;
  }

  .orders-history-table__cell--field-assets .orders-history-table__mobile-label,
  .orders-history-table__cell--field-action .orders-history-table__mobile-label,
  .orders-history-table__cell--opened-at .orders-history-table__mobile-label,
  .orders-history-table__cell--closed-at .orders-history-table__mobile-label,
  .orders-history-table__cell--forex-order-profit-actions .orders-history-table__mobile-label {
    display: none;
  }

  .orders-history-table__date-range-mobile {
    display: none !important;
  }

  .orders-history-table td.orders-history-table__cell--field-assets {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding-bottom: 10px !important;
  }

  .orders-history-table td.orders-history-table__cell--field-assets img.asset-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px;
  }

  .orders-history-table td.orders-history-table__cell--field-assets a {
    color: var(--platform-text-strong) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .orders-history-table td.orders-history-table__cell--field-action {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self: end;
    text-align: right;
    padding-bottom: 10px !important;
  }

  .orders-history-table td.orders-history-table__cell--field-action .trade-action {
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
  }

  .orders-history-table td.orders-history-table__cell--field-volume,
  .orders-history-table td.orders-history-table__cell--field-margin,
  .orders-history-table td.orders-history-table__cell--field-price,
  .orders-history-table td.orders-history-table__cell--field-final-price {
    grid-column: 1 / 3;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    font-size: 13px !important;
    white-space: nowrap;
  }

  .orders-history-table td.orders-history-table__cell--field-volume {
    grid-row: 2 / 3;
  }

  .orders-history-table td.orders-history-table__cell--field-margin {
    grid-row: 3 / 4;
  }

  .orders-history-table td.orders-history-table__cell--field-price {
    grid-row: 4 / 5;
  }

  .orders-history-table td.orders-history-table__cell--field-final-price {
    grid-row: 5 / 6;
  }

  .orders-history-table td.orders-history-table__cell--field-leverage,
  .orders-history-table td.orders-history-table__cell--field-order-status {
    display: none !important;
  }

  .orders-history-table td.orders-history-table__cell--opened-at,
  .orders-history-table td.orders-history-table__cell--closed-at {
    font-size: 13px;
    white-space: nowrap;
  }

  .orders-history-table td.orders-history-table__cell--opened-at {
    grid-column: 1 / 3;
    grid-row: 6 / 7;
    display: block !important;
  }

  .orders-history-table td.orders-history-table__cell--closed-at {
    display: none !important;
  }

  .orders-history-table td.views-field-opened-at {
    grid-column: 1 / 3 !important;
    grid-row: 6 / 7 !important;
    display: block !important;
  }

  .orders-history-table td.views-field-closed-at {
    display: none !important;
  }

  .orders-history-table td.orders-history-table__cell--opened-at > .orders-history-table__mobile-value {
    display: none !important;
  }

  .orders-history-table td.orders-history-table__cell--opened-at .orders-history-table__date-range-mobile {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
  }

  .orders-history-table td.orders-history-table__cell--opened-at .orders-history-table__date-range-value--closed {
    text-align: right;
  }

  .orders-history-table td.orders-history-table__cell--forex-order-profit-actions {
    grid-column: 1 / 3;
    grid-row: 8 / 9;
    display: block !important;
    text-align: right;
    padding-top: 18px !important;
    white-space: nowrap;
  }

  .orders-history-table td[headers="view-forex-order-profit-actions-table-column"],
  .orders-history-table td.views-field-forex-order-profit-actions {
    grid-column: 1 / 3 !important;
    grid-row: 8 / 9 !important;
    display: block !important;
    text-align: right !important;
    padding-top: 18px !important;
    white-space: nowrap !important;
  }

.orders-history-table td.orders-history-table__cell--forex-order-profit-actions span {
  font-size: 15px !important;
  font-weight: 800 !important;
}
}

:root[data-platform-theme='light'] .path-dashboard .balance-dashboard,
:root.theme-light .path-dashboard .balance-dashboard,
:root[data-platform-theme='light'] .path-dashboard .balance-dashboard *,
:root.theme-light .path-dashboard .balance-dashboard *,
:root[data-platform-theme='light'] .path-dashboard .trades-dashboard,
:root.theme-light .path-dashboard .trades-dashboard,
:root[data-platform-theme='light'] .path-dashboard .trades-dashboard *,
:root.theme-light .path-dashboard .trades-dashboard *,
:root[data-platform-theme='light'] .orders-history-table,
:root.theme-light .orders-history-table,
:root[data-platform-theme='light'] .orders-history-table *,
:root.theme-light .orders-history-table * {
  color: var(--platform-text-strong);
}

:root[data-platform-theme='light'] .path-dashboard .balance-dashboard__eyebrow,
:root.theme-light .path-dashboard .balance-dashboard__eyebrow,
:root[data-platform-theme='light'] .path-dashboard .balance-dashboard__stat-label,
:root.theme-light .path-dashboard .balance-dashboard__stat-label,
:root[data-platform-theme='light'] .path-dashboard .balance-dashboard__activity-meta,
:root.theme-light .path-dashboard .balance-dashboard__activity-meta,
:root[data-platform-theme='light'] .path-dashboard .balance-dashboard__empty,
:root.theme-light .path-dashboard .balance-dashboard__empty,
:root[data-platform-theme='light'] .path-dashboard .trades-dashboard__chart-label,
:root.theme-light .path-dashboard .trades-dashboard__chart-label,
:root[data-platform-theme='light'] .path-dashboard .trades-dashboard__asset-label,
:root.theme-light .path-dashboard .trades-dashboard__asset-label,
:root[data-platform-theme='light'] .orders-history-table__mobile-label,
:root.theme-light .orders-history-table__mobile-label {
  color: var(--platform-text-muted) !important;
}