/* Base Page Styling */
body {
  font-family: 'IBM Plex Sans', sans-serif;
  background-color: #101018;
  color: white;
  margin: 0;
  padding: 0;
  padding: 10px;
  overflow-y: hidden;
}

/* Layout Containers */
#container {
  display: flex;
  height: 100vh;
  width: 100vw;
  background-color: #1e1e2f;
}

.column {
  width: 100%;
  overflow-y: auto;
  padding: 10px;
}

/* Panel Styles */
.panel-container {
  width: 100%;
  padding: 10px;
  background-color: #323c4e;
  box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 10px;
}


/* Panel Header */
.panel-header {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #c4c4c4;
  vertical-align: top;;
  padding-top: 0px;
  padding-bottom: 8px;
}

/* Dropdown Picker Styles */
.dropdown-picker {
  background-color: #3c495e;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 6px;
  text-align: left;
}

/* Spanner Row Styling */
.spanner-row {
  background-color: #2c3e50 !important;
}

.spanner-row td {
  text-align: center !important;
  background-color: #2c3e50 !important;
  color: #ecf0f1 !important;
  font-weight: bold !important;
  padding: 8px !important;
}

/* Ensure clickable elements show pointer cursor */
a, button, input[type="button"], input[type="submit"], input[type="reset"], 
.price-box:not(.disabled), .clickable, [onclick] {
  cursor: pointer !important;
}

/* Force pointer cursor on all interactive elements */
.price-box, .clickable, [onclick], button, a, .nav-item, .multiplier-btn {
  cursor: pointer !important;
}

/* Trade Status Styling */
.closing-trade {
  background-color: #e74c3c !important;
  opacity: 0.8;
}

.closing-trade td {
  color: #ffffff !important;
  font-weight: bold;
}

/* (Removed table column width classes; now page-specific) */