/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS*/
/* ===== ESTILOS TELA DE LOGIN - GACINT ERP ===== */

.login_table_title[href*="dolibarr.org"] {
display: none ;
}

/* Logo centralizado */
#login_left {
text-align: center;
margin-bottom: 30px;
}

#img_logo {
max-width: 500px !important;
width: 100% !important;
height: auto !important;
object-fit: contain;
}

/* Container principal com efeito glass */
.login_table {
background: rgba(255, 255, 255, 0.3) !important;
backdrop-filter: blur(15px) !important;
border-radius: 20px !important;
border: 1px solid rgba(255, 255, 255, 0.4) !important;
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.1) !important,
0 2px 8px rgba(0, 0, 0, 0.05) !important,
inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
transition: all 0.3s ease !important;
padding: 30px 20px !important;
margin: 20px auto !important;
}

.login_table:hover {
transform: translateY(-5px) !important;
box-shadow:
0 15px 40px rgba(0, 0, 0, 0.15) !important,
0 5px 15px rgba(0, 0, 0, 0.08) !important,
inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* Container dos campos suave */
.tdinputlogin {
background: rgba(255, 255, 255, 0.1) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
border-radius: 10px !important;
backdrop-filter: blur(5px) !important;
transition: all 0.3s ease !important;
}

.tdinputlogin:hover {
background: rgba(255, 255, 255, 0.15) !important;
border-color: rgba(255, 255, 255, 0.3) !important;
}

.tdinputlogin:focus-within {
background: rgba(255, 255, 255, 0.2) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
}

/* CAMPOS DE DIGITAÇÃO TRANSPARENTES */
.input-icon-user,
.input-icon-password {
background: transparent !important;
border: none !important;
color: white !important;
font-size: 16px !important;
padding: 12px 15px !important;
width: 100% !important;
}

.input-icon-user::placeholder,
.input-icon-password::placeholder {
color: rgba(255, 255, 255, 0.7) !important;
}

.input-icon-user:focus,
.input-icon-password:focus {
outline: none !important;
box-shadow: none !important;
background: transparent !important;
}

/* Botão */
#login-submit-wrapper .button {
background: rgba(255, 255, 255, 0.25) !important;
border: 1px solid rgba(255, 255, 255, 0.4) !important;
border-radius: 10px !important;
color: white !important;
backdrop-filter: blur(10px) !important;
box-shadow:
0 4px 15px rgba(0, 0, 0, 0.1) !important,
inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
transition: all 0.3s ease !important;
font-weight: 600 !important;
padding: 12px !important;
}

#login-submit-wrapper .button:hover {
background: rgba(255, 255, 255, 0.35) !important;
transform: translateY(-2px) !important;
box-shadow:
0 6px 20px rgba(0, 0, 0, 0.15) !important,
inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* 7. Link "Esqueceu a senha" */
.alogin {
color: rgba(255, 255, 255, 0.9) !important;
text-decoration: none !important;
font-size: 14px !important;
font-weight: 500 !important;
transition: all 0.3s ease !important;
}

.alogin:hover {
color: white !important;
text-decoration: underline !important;
}

/* ===== CORRIGIR AUTOFILL/AUTOCOMPLETE DOS CAMPOS ===== */

/* Corrigir o fundo quando o navegador preenche automaticamente */
.input-icon-user:-webkit-autofill,
.input-icon-password:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
-webkit-text-fill-color: white !important;
background: transparent !important;
border: none !important;
transition: background-color 5000s ease-in-out 0s !important;
}

/* Corrigir o fundo no focus quando tem autofill */
.input-icon-user:-webkit-autofill:focus,
.input-icon-password:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
-webkit-text-fill-color: white !important;
background: transparent !important;
}

/* Para Firefox e outros navegadores */
.input-icon-user:autofill,
.input-icon-password:autofill {
background: transparent !important;
color: white !important;
}