/* Base table styles */
.themed-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #0A0E27;
  color: #E8EAF6;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  border: 1px solid #1a1f3a;
}
.sites {
    margin-top:16px;
}
/* Header styles */
.themed-table thead {
  background-color: #E8EAF6;
  border-bottom: 2px solid #1a1f3a;
}

.themed-table thead th {
  padding: 2px 12px;
  text-align: left;
  font-weight: 300;
  color: #1a1f3a;
  border-right: 1px solid #1a1f3a;
}

.themed-table thead th:last-child {
  border-right: none;
}

.themed-table th:first-child, .themed-table td:first-child {
  width: 0;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
}
/* Body cell styles */
.themed-table tbody td {
  padding: 5px 12px;
  border-right: 1px solid #1a1f3a;
  border-bottom: 1px solid #1a1f3a;
}

.themed-table tbody td:last-child {
  border-right: none;
}

/* Tier row styles - matching tier list colors */
.themed-table tbody tr.tier-s {
  background-color: #FF9B9B; /* Pale red/salmon */
  color: #1a1f3a;
}

.themed-table tbody tr.tier-a {
  background-color: #FFD4A3; /* Pale orange/peach */
  color: #1a1f3a;
}

.themed-table tbody tr.tier-b {
  background-color: #FFFF99; /* Pale yellow */
  color: #1a1f3a;
}

.themed-table tbody tr.tier-c {
  background-color: #A3FF9B; /* Pale green */
  color: #1a1f3a;
}

.themed-table tbody tr.tier-d {
  background-color: #9BDFFF; /* Pale cyan/blue */
  color: #1a1f3a;
}

.themed-table tbody tr.tier-e {
  background-color: #C9B3FF; /* Pale purple */
  color: #1a1f3a;
}

.themed-table tbody tr.tier-f {
  background-color: #FFB3E6; /* Pale pink/magenta */
  color: #1a1f3a;
}