
.market-table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  background: #ffffff;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  font-family: Arial, sans-serif;
}

.market-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 1100px;
}

.market-table thead th {
  background: #ff9814;
  color: #ffffff;
  padding: 14px;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #ff9814;
}

.market-table th,
.market-table td {
  border: 1px solid #eeeeee;
  text-align: center;
  padding: 12px;
  font-size: 14px;
}

.market-table tbody tr:nth-child(even) {
  background: #fafafa;
}

.market-table tbody tr:hover {
  background: #fff3e5;
}

.market-table td:first-child {
  font-weight: 600;
  text-align: left;
  background: #fff8f0;
}

/* badges */
.badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.normal { background:#e7f8ef; color:#1e8e3e; }
.close  { background:#ffeaea; color:#c62828; }
.open   { background:#e8f0fe; color:#1a73e8; }

/* closed column */
.market-closed {
  background: repeating-linear-gradient(
    45deg,
    #fff3e0,
    #fff3e0 10px,
    #ffe0b2 10px,
    #ffe0b2 20px
  );
  color: #ff9814;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.table-note {
  margin-top: 12px;
  font-size: 13px;
  color: #666;
}
