* {
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'Lato', sans-serif;
  background-color: #323642;
  overflow-y: hidden !important;
}

#dropdown-link {
  margin: 0 !important;
  padding: 0px 20px;
}

header #dropdown-menu {
  position: absolute;
  display: none;
  background-color: #000000; /* ✅ Fond noir */
  z-index: 1;
}

header #dropdown-menu a {
  display: block;
}

header #dropdown-menu a:not(:last-child) {
  border-bottom: 1px solid #555; /* Bordure neutre, cohérente avec noir */
}

header #dropdown {
  display: inline-block;
}

header #dropdown:hover #dropdown-menu {
  display: block;
}

img {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.no-select {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.hidden {
  display: none;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.bold {
  font-weight: 800;
}

.italic {
  font-style: italic;
}

a, button {
  outline: none !important;
}

button::-moz-focus-inner {
  border: 0;
}

.BUY {
  color: green !important;
}

.SELL, .STOP-LOSS {
  color: red !important;
}

header {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #FFD700; /* ✅ Bordure en or */
  background-color: #000000; /* ✅ Fond noir */
}

header #wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
}

header #wrapper a {
  font-weight: bold;
  text-decoration: none;
  color: #FFD700; /* ✅ Texte principal en or */
}

header #wrapper a img {
  height: 50px;
}

header #wrapper #dropdown-menu a {
  display: flex;
  padding: 7px 15px;
  color: #FFD700; /* ✅ Texte du menu déroulant en or */
  text-decoration: none;
}

header #wrapper #dropdown-menu a img {
  margin-right: 10px;
}

header #wrapper #right a:not(:last-child) {
  margin-right: 20px;
}

html, body {
  width: 100%;
  height: 100%;
}

#main_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  width: 100%;
  padding: 0;
}

#main_wrapper .tradingview-widget-container,
#main_wrapper #tradingview_75d76 {
  display: flex;
  flex-grow: 1;
  width: 100%;
}

#main_wrapper #pair_list {
  display: flex;
  width: 210px;
  background-color: #000000;
  border: 1px solid #383F4E;
}

#main_wrapper #pair_list ul {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

#main_wrapper #pair_list ul li {
  display: flex;
  flex-grow: 1;
  list-style: none;
  transition: 0.2s background-color ease;
}

#main_wrapper #pair_list ul li a {
  display: flex;
  flex-grow: 1;
  align-items: center;
  color: #FFD700; /* ✅ Paires en or pour cohérence */
  text-decoration: none;
}

#main_wrapper #pair_list ul li a img {
  height: 20px;
  margin-right: 10px;
}

#main_wrapper #pair_list ul li:hover {
  background-color: #191D26;
}

#main_wrapper #pair_list ul li.selected {
  background-color: #191D26;
}

#main_wrapper #bottom {
  display: none !important; /* conservé tel quel */
}

#main_wrapper #action_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 10px 0px;
}

#main_wrapper #action_wrapper #buy,
#main_wrapper #action_wrapper #sell {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  padding: 20px 0;
}

#main_wrapper #action_wrapper #buy h3,
#main_wrapper #action_wrapper #sell h3 {
  margin-bottom: 5px;
  font-size: 1.2em;
  color: white;
}

#main_wrapper #action_wrapper #buy p,
#main_wrapper #action_wrapper #sell p {
  margin-bottom: 10px;
  font-size: 1.1em;
  color: white;
}

#main_wrapper #action_wrapper #buy label,
#main_wrapper #action_wrapper #sell label {
  margin-right: 5px;
  font-size: 1.1em;
  cursor: pointer;
  color: white;
}

#main_wrapper #action_wrapper #buy input[type="text"],
#main_wrapper #action_wrapper #sell input[type="text"] {
  padding: 5px 10px;
  border: 2px solid white;
  border-radius: 100px;
  font-size: 1.1em;
  color: white;
  background-color: #ffffff00;
  outline: none !important;
}

#main_wrapper #action_wrapper #buy button,
#main_wrapper #action_wrapper #sell button {
  width: 60%;
  height: 40px;
  border: 0;
  border-radius: 100px;
  font-size: 1.5em;
  font-weight: bold;
  outline: none !important;
  cursor: pointer;
}

#main_wrapper #action_wrapper #buy {
  border-right: 2px solid white;
}

#main_wrapper #action_wrapper #buy button {
  background-color: #27ae60;
  color: white;
}

#main_wrapper #action_wrapper #sell button {
  background-color: #e74c3c;
  color: white;
}

#main_wrapper #action_wrapper ::placeholder {
  color: #ffffffb5;
}