body {
    height: 100%;
    margin: 0; /* Remove margens padrão do navegador */
    background-color: #f4f6f9;
    transition: background-color 0.3s ease;    
}

footer {
    background: #111a2d;
    color: white;
    text-align: center;
    padding-top:20px
}

.section-servers {
    min-height: 100vh; /* Ocupa pelo menos 100% da altura da tela */
    box-sizing: border-box; /* Inclui paddings e bordas no cálculo de tamanho */
}

/* Classe customizada para complementar o Bootstrap (Sem usar estilos inline) */
.card-servidor {
    border-left: 4px solid #6c757d;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-servidor:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.status-online { border-left-color: #198754; }

.status-offline { border-left-color: #dc3545; }