/* HMV Custom Overrides */
body, html {
    font-family: "Segoe UI", Roboto, Arial, sans-serif !important;
    background-color: #f7f7f7 !important;
    color: #333 !important;
}

/* Login */
.login-ui .login-dialog {
    border-radius: 14px !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 25px rgba(0,0,0,0.25) !important;
}

/* Botão principal */
button, .login-ui button {
    background-color: #004080 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
}
/* ============
   AJUSTES FINAIS HMV
   ============ */

/* Fundo geral e containers */
body, html {
    background-color: #f5f6fa !important;
    color: #222 !important;
}

/* Cabeçalho superior */
.navbar, .header, .menu, .tab-group {
    background-color: #004080 !important;
    color: #fff !important;
}

.tab-group a, .navbar a {
    color: #ffffff !important;
    font-weight: 500 !important;
}

.tab-group a:hover, .navbar a:hover {
    background-color: #0060bf !important;
}

/* Caixas e painéis */
section, .form, .preferences, .settings, .user-info, .history {
    background-color: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
    padding: 10px !important;
}

/* Botões gerais */
button, .button, input[type="submit"] {
    background-color: #004080 !important;
    border-radius: 6px !important;
    color: white !important;
    border: none !important;
    font-weight: 600 !important;
}

button:hover, .button:hover {
    background-color: #0060bf !important;
}

/* Campos de texto */
input, select, textarea {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    padding: 5px !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    color: #333 !important;
}

/* Títulos */
h1, h2, h3 {
    font-family: "Segoe UI", Arial, sans-serif !important;
    color: #004080 !important;
}
/* ============
   Ajuste de contraste nos menus e abas
   ============ */

/* Aba e navbar padrão */
.navbar, .header, .tab-group {
    background-color: #004080 !important;
    color: #fff !important;
}

/* Links de menu (texto das abas) */
.tab-group a, .navbar a {
    color: #ffffff !important;
    font-weight: 500 !important;
    transition: all 0.2s ease-in-out !important;
}

/* Cor ao passar o mouse (hover) */
.tab-group a:hover, .navbar a:hover {
    background-color: #0059b3 !important; /* azul claro */
    color: #e6f0ff !important; /* texto azul clarinho para contraste */
}

/* Aba ativa (selecionada) */
.tab-group a.active,
.tab-group a:focus,
.tab-group a:active {
    background-color: #003366 !important;
    color: #ffffff !important;
}
/* ============
   Ajuste de contraste em conexões e títulos
   ============ */

/* Títulos das seções (ex: ATIVOS, CONEXÕES) */
h2, .section-header, .connection-group-header {
    background-color: #004080 !important;
    color: #ffffff !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
    font-weight: 700 !important;
}

/* Nome das conexões (ex: RDS HMV - Otto) */
.connection-name, .connection-label, a.connection {
    color: #003366 !important; /* azul escuro visível */
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Ao passar o mouse no nome da conexão */
.connection-name:hover, .connection-label:hover, a.connection:hover {
    color: #0066cc !important; /* azul claro institucional */
    text-decoration: underline !important;
}

/* Miniaturas de conexões */
.connection-thumbnail, .client-thumbnail {
    box-shadow: 0 0 8px rgba(0,0,0,0.2) !important;
    border-radius: 6px !important;
    transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

/* Efeito visual ao passar o mouse na miniatura */
.connection-thumbnail:hover, .client-thumbnail:hover {
    transform: scale(1.03) !important;
    box-shadow: 0 0 15px rgba(0,64,128,0.5) !important;
}
/* ============
   Ajuste final do menu superior HMV
   ============ */

/* Aba padrão (não selecionada) */
.tab-group a {
    background-color: #004080 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    border: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* Aba ao passar o mouse */
.tab-group a:hover {
    background-color: #0059b3 !important; /* Azul mais claro no hover */
    color: #e6f0ff !important;
}

/* Aba ativa (selecionada) */
.tab-group a.active,
.tab-group a:focus,
.tab-group a:active {
    background-color: #003366 !important; /* Azul institucional escuro */
    color: #ffffff !important;
    border-bottom: 3px solid #66a3ff !important; /* Linha azul clara de destaque */
}

/* Bordas e fundo do container das abas */
.tab-group {
    background-color: #004080 !important;
    border-bottom: none !important;
}