/* Grey pill buttons, centered, wrapping */
.button {
  border-radius: 999px !important;
  background: #2b2c31 !important;
  color: #e7e7ea !important;
  border: 1px solid #3a3c44 !important;
  padding: 0.7rem 1rem !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.button:hover { background:#2f3137 !important; color:#fff !important; }

/* Header nav */
#header .actions { display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; margin-top:14px; list-style:none; padding:0; }
#header .actions li { display:inline-flex; flex:1 1 180px; }
#header .actions .button { width:100%; }

/* Members hub grid */
.button-grid { display:grid; gap:.8rem; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); max-width:920px; margin:10px auto 4px; }

/* Links hover stay neutral */
a:hover { color: inherit !important; border-bottom-color: transparent !important; }

/* Tables */
.table-wrapper { overflow:auto; max-width:100%; }
table.me-table { width:100%; border-collapse:collapse; background:#1b1c1f; border:1px solid #2a2c31; }
.me-table th, .me-table td { padding:10px 12px; border:1px solid #242529; text-align:center; vertical-align:middle; }
.me-table thead th { position:sticky; top:0; background:#2a2a2f; z-index:2; }
.me-table tbody tr:nth-child(even){ background:#232428; }

/* Probability colors */
td.green  { color:#3ee53e; }
td.yellow { color:#ffd700; }
td.red    { color:#ff5c5c; }

/* Small helpers */
.left { text-align:left; }
h1.page { margin:8px 0 14px; }
.legend{display:flex;gap:16px;align-items:center;margin:.4rem 0 .8rem;color:#a9abb3;font-size:.95rem}
.badge{display:inline-block;padding:.2rem .45rem;border-radius:.4rem;border:1px solid #242529;background:#232428}
.badge.green{color:#3ee53e;border-color:rgba(62,229,62,.35)}
.badge.yellow{color:#ffd700;border-color:rgba(255,215,0,.35)}
.badge.red{color:#ff5c5c;border-color:rgba(255,92,92,.35)}