/* Estilos personalizados para o painel de criação de camada do HBC */

.custom-weight-input {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border: 1px solid rgba(0,200,255,0.25) !important;
    color: #00d2ff !important;
    transition: all 0.2s ease;
}

/* Placeholder em branco para contrastar */
.custom-weight-input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
    opacity: 0.8 !important;
}

/* Quando vazio (mostrando o placeholder), o texto se comporta como branco */
.custom-weight-input:placeholder-shown {
    color: #ffffff !important;
}

/* Foco no input */
.custom-weight-input:focus {
    background: #27374d !important;
    background-color: #27374d !important;
    border-color: #00d2ff !important;
    box-shadow: 0 0 0 0.25rem rgba(0,210,255,0.25) !important;
}

/* Novo: Input de Nome da Camada */
.custom-name-input {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border: 1px solid rgba(0,200,255,0.3) !important;
    color: #ffffff !important;
}

.custom-name-input::placeholder {
    color: rgba(255,255,255,0.6) !important;
    font-style: italic;
}

.custom-name-input:focus {
    background: #27374d !important;
    background-color: #27374d !important;
    border-color: #00d2ff !important;
    box-shadow: 0 0 0 0.2rem rgba(0,210,255,0.2) !important;
}

/* Evitar que o preenchimento automático (autofill) do navegador mude o fundo para branco */
.custom-weight-input:-webkit-autofill,
.custom-weight-input:-webkit-autofill:hover, 
.custom-weight-input:-webkit-autofill:focus, 
.custom-weight-input:-webkit-autofill:active,
.custom-name-input:-webkit-autofill,
.custom-name-input:-webkit-autofill:hover, 
.custom-name-input:-webkit-autofill:focus, 
.custom-name-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #1e293b inset !important;
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}