/* --- FUNDO DA PÁGINA (AZUL GRAFANA) --- */
body, #login {
    background-color: #333366 !important;
}

/* --- LOGO DA TELA DE LOGIN --- */
#login img {
    width: 250px !important; 
    height: auto !important;
    display: block !important;
    margin: 0 auto 30px auto !important;
}

/* --- TÍTULO (COFRE DE DOCUMENTOS) --- */
#login h1 {
    text-transform: uppercase !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

/* --- CAIXAS DE TEXTO (USUÁRIO E SENHA) --- */
/* Usamos seletores de tipo para garantir que fiquem brancos/claros */
#login input[type="text"], 
#login input[type="password"] {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
    border-radius: 4px !important;
}

/* --- BOTÃO DE LOGIN (APENAS O BOTÃO) --- */
/* Forçamos a cor vermelha apenas no botão de envio */
#login input[type="submit"], 
#login-button {
    background-color: #FF0000 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}


/* --- BARRA DE NAVEGAÇÃO SUPERIOR (CASINHA) --- */
/* Define a cor de fundo igual ao cabeçalho da listagem */
.breadcrumbs {
    background-color: #1e1e3f !important;
    padding: 10px 15px !important;
    border-radius: 8px 8px 0 0 !important;
    margin-bottom: 0 !important;
}

/* Garante que o ícone da casinha fique branco */
.breadcrumbs i, .breadcrumbs a {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Remove a borda arredondada superior do cabeçalho da lista para "colar" na barra da casinha */
.item.header {
    border-radius: 0 !important;
}

/* --- ÁREA CENTRAL DE ARQUIVOS --- */
/* Azul um pouco mais escuro que o fundo, mas menos que o topo */
#listing, .list {
    background-color: #2a2a55 !important; /* Tom azulado intermediário */
    border-radius: 0 0 8px 8px !important;
}

/* --- TOPO DA TABELA (NOME, TAMANHO, ETC) --- */
/* Mantém o tom mais escuro que você gostou */
.item.header {
    background-color: #1e1e3f !important;
    border-radius: 8px 8px 0 0 !important;
}

/* --- ÍCONE DA CASINHA E TEXTOS --- */
/* Garante que a casinha e os nomes dos arquivos fiquem brancos */
.breadcrumbs i,
.item .name,
.item .size,
.item .modification,
.item i {
    color: #ffffff !important;
}

/* Remove fundos de itens individuais para não dar conflito */
.item {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Efeito ao passar o mouse na linha */
.item:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}