/* Layout geral */
.cdm-dashboard {
  font-family: Arial, sans-serif;
  padding: 20px;
  background: #f9f9f9;
}

/* Tabelas */
.cdm-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
.cdm-table th, .cdm-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.cdm-table th {
  background: #f4f4f4;
}

/* Estados */
.cdm-status-online {
  color: green;
  font-weight: bold;
}
.cdm-status-offline {
  color: red;
  font-weight: bold;
}

/* Ícone de estado */
.cdm-status-icon {
  display: inline-block;
  margin-right: 4px;
}

/* Ícone em rotação durante refresh */
.cdm-rotating {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Links de eventos */
.cdm-event-link {
  margin-right: 8px;
  font-weight: bold;
  color: #0073aa;
  text-decoration: none;
}
.cdm-event-link:hover {
  text-decoration: underline;
}

/* Destaques de mudança */
.highlight-online {
  background-color: #d4edda !important; /* verde claro */
  transition: background-color 0.5s ease;
}
.highlight-offline {
  background-color: #f8d7da !important; /* vermelho claro */
  transition: background-color 0.5s ease;
}