html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}
/* Estilos customizados para login do Traccar - GlobalSmart */

/* Background mais claro para área do logo */
.MuiPaper-root[role="form"] .MuiBox-root:first-child,
.login-logo-container,
.MuiPaper-root .MuiCardMedia-root,
[class*="makeStyles-logo"] {
    background-color: #f0f4f8 !important; /* Fundo cinza bem claro */
    padding: 20px !important;
    border-radius: 8px !important;
}

/* Substituir logo SVG por PNG */
.MuiCardMedia-root[role="img"],
[class*="makeStyles-logo"] svg,
.login-logo svg,
img[src*="logo.svg"] {
    display: none !important;
}

.MuiCardMedia-root[role="img"]::after,
[class*="makeStyles-logo"]::after {
    content: '';
    display: block;
    width: 240px;
    height: 97px;
    background-image: url('/logo-globalsmart.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

/* Ajustar container do logo para destacar */
.MuiPaper-root[role="form"] {
    background-color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Melhorar contraste do fundo da área do logo */
.MuiPaper-root .MuiBox-root:has(img[src*="logo"]),
.MuiPaper-root .MuiBox-root:has(.MuiCardMedia-root) {
    background-color: #e8f0fe !important;
    border-bottom: 1px solid #dae4f2;
    margin-bottom: 20px;
    padding: 30px 20px !important;
}

/* Ajustes para o favicon - será feito manualmente */

/* Cores complementares para destacar o azul e preto do logo */
.MuiButton-containedPrimary {
    background-color: #1976d2 !important;
}

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

/* Responsividade do logo */
@media (max-width: 600px) {
    .MuiCardMedia-root[role="img"]::after,
    [class*="makeStyles-logo"]::after {
        width: 180px;
        height: 73px;
    }
}


/* Override específico para logo do Traccar */
[role="img"][style*="background-image"],
[style*="logo.svg"] {
    background-image: url('/logo-globalsmart.png') !important;
}

/* Área de login com fundo claro */
form[role="form"] > div:first-child,
.MuiPaper-root > div:has(> [role="img"]) {
    background-color: #e3f2fd !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    border-radius: 8px 8px 0 0 !important;
}

/* Ajuste do tamanho do logo */
[role="img"] {
    width: 240px !important;
    height: 97px !important;
    margin: 0 auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Remover logo SVG antigo */
img[src="/logo.svg"],
[style*="url(/logo.svg)"] {
    display: none !important;
}