/* Paleta de cores MeteoStorm (mantendo nomes de variáveis DOV) */
:root {
  --dov-primary: #007BCE;          /* Azul Meteo */
  --dov-primary-hover: #005B99;    /* Azul escuro para hover */
  --dov-secondary: #ffffff;        /* Branco */
  --dov-danger: #dc3545;           /* MANTIDO */
  --dov-success: #28a745;          /* MANTIDO */
  --dov-light: #f8f9fa;            /* MANTIDO */
}

/* Botões */
.btn-dov {
  background-color: var(--dov-primary);
  color: var(--dov-secondary);
  border: none;
}

.btn-dov:hover {
  background-color: var(--dov-primary-hover);
  color: var(--dov-secondary);
}

.btn-dov-outline {
  background-color: transparent;
  border: 1px solid var(--dov-primary);
  color: var(--dov-primary);
}

.btn-dov-outline:hover {
  background-color: var(--dov-primary-hover);
  color: white;
}

/* Modal e layout geral */
.modal-header, .modal-footer {
  background-color: var(--dov-light);
}

.badge-dov {
  background-color: var(--dov-primary);
}

.table .btn {
  font-size: 0.85rem;
  padding: 5px 10px;
}

/* Fundo da página */
body {
  background-color: #f5f7fa; /* Cinza neutro claro para o MeteoStorm */
}

/* Inputs */
input[type="datetime-local"] {
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 0.375rem 0.75rem;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #212529;
  font-size: 1rem;
}

input[type="datetime-local"]:focus {
  border-color: var(--dov-primary);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 91, 153, 0.25); /* Hover azul escuro */
}