/* =========================
   Common UI Variables
========================= */
:root{
  --bg:#0b1220;
  --card:#0f1b33;
  --card2:#0d1730;
  --text:#e8eefc;
  --muted:#9bb0d1;
  --line:rgba(255,255,255,.08);
  --accent:#ff7a18;
  --good:#22c55e;
  --shadow: 0 10px 30px rgba(0,0,0,.25);
  --radius:18px;
}

/* =========================
   Region Switch (EU / MEA)
========================= */
.regionBar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.regionBtn{
  border:1px solid var(--line);
  background: linear-gradient(180deg, rgba(15,27,51,.95), rgba(13,23,48,.95));
  border-radius: 999px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:900;
  color: var(--text);
  display:flex;
  align-items:center;
  gap:8px;
  transition: all .15s ease;
}

.regionBtn:hover{
  border-color: rgba(255,255,255,.2);
}

.regionBtn.active{
  border-color: rgba(255,122,24,.65);
  background: rgba(255,122,24,.08);
  box-shadow: 0 0 0 4px rgba(255,122,24,.12);
}

.regionPill{
  font-size:11px;
  font-weight:1000;
  background: var(--accent);
  color:#0b1220;
  padding:4px 8px;
  border-radius:999px;
}

/* =========================
   Select / Filter Fix
   解决白底白字
========================= */
select{
  color-scheme: dark;        /* ⭐ 关键 */
}

.select{
  color: var(--text);
  background-color: rgba(255,255,255,.03);
  border:1px solid var(--line);
}

.select option{
  background-color: #0f1b33;
  color: #e8eefc;
}

.select:focus{
  outline:none;
  border-color: rgba(255,122,24,.55);
  box-shadow: 0 0 0 4px rgba(255,122,24,.12);
}