/* tabela “estilo lista” */
.server-table {
  background: #0f1520;
  color: #e9edf1;
}
.server-table thead th {
  border: 0;
  font-weight: 700;
  color: #c9d1e6;
  padding: .5rem 0;
}
.server-table td, .server-table th {
  border: 0;
  padding: .75rem 0;
}
/* tracejado entre linhas */
.server-table tbody tr + tr td {
  border-top: 1px dashed rgba(255,255,255,.08);
}

/* subtítulo discreto */
.server-table .meta {
  font-size: .85rem;
  color: #fff;
  margin-top: .15rem;
}

/* pílulas de status */
.status-pill{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.25rem .6rem; border-radius:999px; font-weight:700; font-size:.85rem;
  border:1px solid transparent;
}
.status-pill i{
  width:8px; height:8px; border-radius:50%; display:inline-block;
}
.status-on{
  color:#7ef7ca; background:rgba(32,201,151,.12); border-color:rgba(32,201,151,.25);
}
.status-on i{ background:#20c997; box-shadow:0 0 10px rgba(32,201,151,.6); }

.status-off{
  color:#c9d1e6; opacity:.75;
  background:rgba(120,130,150,.10); border-color:rgba(120,130,150,.25);
}
.status-off i{ background:#8a94a7; }

/* mobile: cabeçalho some e mantém visual de lista */
@media (max-width: 575.98px){
  .server-table thead { display:none; }
  .server-table td { padding:.65rem 0; }
}
/* versão compacta */
.server-table.compact { font-size: .95rem; }              /* texto um tiquinho menor */
.server-table.compact thead th { padding: .35rem 0; }     /* cabeçalho baixo */
.server-table.compact td,
.server-table.compact th { padding: .40rem 0; line-height: 1.15; }

.server-table.compact tbody tr + tr td {
  border-top: 1px dashed rgba(255,255,255,.06);           /* separador mais leve */
}

.server-table.compact .meta { 
  margin-top: .1rem; 
  font-size: .80rem; 
}

.server-table.compact .status-pill {                      /* pílula menor */
  font-size: .78rem; 
  padding: .15rem .45rem; 
}
.server-table.compact .status-pill i { width: 6px; height: 6px; }

/* opcional: reduzir o espaço do card */
.panel.panel-tight { padding: .75rem 1rem !important; }   /* use no container se quiser */

/* OFF em vermelho com glow */
.status-off{
  color: #ffb9c0;                               /* texto rosado */
  background: rgba(220, 53, 69, .14);           /* fundo vermelho bem suave */
  border-color: rgba(220, 53, 69, .28);
}
.status-off i{
  background: #dc3545;                           /* bolinha vermelha */
  box-shadow: 0 0 10px rgba(220, 53, 69, .55);   /* glow */
}

/* afasta as pílulas da borda direita */
.server-table td.text-right,
.server-table th.text-right {
  padding-right: 1rem;          /* ajuste: .75rem, 1.25rem, etc. */
}

/* se estiver usando a versão compacta, pode querer um pouco menos */
.server-table.compact td.text-right,
.server-table.compact th.text-right {
  padding-right: .85rem;
}

.meta-soon{
  color:#FFD166;                    /* amarelinho */
  text-shadow:0 0 9px rgba(247, 190, 5, 0.95);
  font-weight:600;
}