/* CSS mein */
.oo-row {
  padding: .5rem;
  border-bottom: 1px solid var(--navy-border);
}

.oo-main {
  display: flex;
  gap: .75rem;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.oo-base {
  font-weight: 700;
  color: #fff;
}

.oo-price,
.oo-qty,
.oo-status {
  color: #8a9cb2;
  font-size: .9rem;
}

.oo-prog {
  height: 6px;
  background: #0f2532;
  border-radius: 6px;
  margin-top: .35rem;
}

.progress-bar {
  background: #1e4355;
}

.trading-panel .nav-tabs {
      border-bottom: 1px solid #1e4355; /* Lighter border for tabs */
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .trading-panel.panel-bottom-tabs {
      background-color: #1e4355;
      color: white;
      border-radius: 0.5rem; /* Added rounded corners */
      overflow: hidden; /* Ensures content respects rounded corners */
      border: 1px solid #1e4355; /* Subtle border */
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    
    
    /* Individual tab link styling */
    .trading-panel .nav-tabs .nav-link {
      color: #e0e0e0; /* Light text for inactive tabs */
      background-color: transparent;
      border: none;
      border-bottom: 3px solid transparent; /* Placeholder for active state */
      padding: 0.75rem 1.25rem;
      font-weight: 500;
      transition: all 0.2s ease-in-out;
    }

    /* Tab link hover state */
    .trading-panel .nav-tabs .nav-link:hover {
      color: white;
      background-color: #1e4355; /* Lighter background on hover */
      border-bottom-color: #1e4355;
    }
     .trading-panel .nav-tabs .nav-link.active {
      color: white;
      background-color: #1e4355; /* Same as panel background */
      border-bottom: 3px solid #ffffff; /* White underline for active tab */
    }



       .trading-panel .table-dark {
      /* Using CSS variables to override Bootstrap defaults */
      --bs-table-color: white;
      --bs-table-bg: #1e4355; /* Requested background */
      --bs-table-border-color: #1e4355; /* Lighter border */
      --bs-table-striped-bg: #1e4355;
      --bs-table-striped-color: white;
      --bs-table-active-bg: #1e4355;
      --bs-table-active-color: white;
      --bs-table-hover-bg: #1e4355; /* Hover color for table rows */
      --bs-table-hover-color: white;
    }

    /* Ensure table headers are styled correctly */
    .trading-panel .table th {
      font-weight: 600;
      color: #f0f0f0;
    }
    
    /* Make .text-muted lighter so it's readable on the dark background */
    .trading-panel .text-muted {
      color: #c0c0c0 !important;
    }

    /* Style the refresh button */
    .trading-panel #btmRefresh {
      color: white;
      border-color: #1e4355;
      font-weight: 500;
    }

    .trading-panel #btmRefresh:hover {
      background-color: white;
      color: #37647e; /* Text color becomes panel color on hover */
      border-color: white;
    }

    /* Ensure tab content has some padding */
    .trading-panel .tab-content > .tab-pane {
      padding: 1rem; /* Added padding to tab content */
    }

    /* Make table responsive container have a max height and scroll */
    .trading-panel .table-responsive {
      max-height: 300px; /* Example max-height, adjust as needed */
      overflow-y: auto;
    }