/* ===== Personalização da tela de login do Traccar ===== */

/* Fundo geral da página */
body {
  background-color: #ffffff !important;
}

/* Container raiz da aplicação */
.root {
  background-color: #ffffff !important;
}

/* Painel lateral esquerdo (onde fica a logo) - fundo BRANCO */
.root > div:first-child {
  background-color: #ffffff !important;
  background-image: url("/apple-touch-icon-180x180.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 180px auto !important;
}

/* Esconde a logo antiga (se houver uma tag <img> na lateral) */
.root > div:first-child img {
  display: none !important;
}

/* Painel direito (formulário de login) */
.root > div:last-child {
  background-color: #ffffff !important;
}

/* Botão de login - cor personalizada (opcional) */
.MuiButton-containedPrimary {
  background-color: #1976d2 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

.MuiButton-containedPrimary:hover {
  background-color: #1565c0 !important;
}

/* Campos de input com foco */
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #1976d2 !important;
}