
#dashboard .ont-filtros {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 15px 0;
}
#dashboard .ont-filtros input,
#dashboard .ont-filtros select {
  padding: 11px 13px;
  border: 1px solid rgba(140,160,180,.35);
  border-radius: 10px;
  background: rgba(120,140,160,.10);
  color: inherit;
  font: inherit;
}
#dashboard .ont-filtros input {
  flex: 1 1 230px;
}
#dashboard .ont-tabela-container {
  width: 100%;
  overflow-x: auto;
}
#dashboard .ont-tabela {
  width: 100%;
  border-collapse: collapse;
  color: inherit;
}
#dashboard .ont-tabela th,
#dashboard .ont-tabela td {
  padding: 13px;
  text-align: left;
  border-bottom: 1px solid rgba(140,160,180,.20);
  white-space: nowrap;
}
#dashboard .ont-tabela th {
  font-weight: 700;
}
#dashboard .ont-online {
  color: #22c55e;
  font-weight: 700;
}
#dashboard .ont-falha {
  color: #fb7185;
  font-weight: 700;
}
#dashboard .ont-desconhecido {
  color: #f59e0b;
  font-weight: 700;
}


/* RORAILINK - BOLINHA VERDE ONT ONLINE */
#dashboard .ont-tabela td.ont-online::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34,197,94,0.15);
    margin-right: 8px;
    vertical-align: middle;
}
