/* ==============================
   Login GLPI - Tema Grupo MBL
   ============================== */

body.welcome-anonymous {
    background-color: #001f14 !important;
}

/* Card de login */
body.welcome-anonymous .card {
    background: linear-gradient(
        145deg,
        rgba(3, 22, 17, 0.96),
        rgba(1, 38, 25, 0.94)
    ) !important;
    border: 1px solid rgba(0, 180, 110, 0.75) !important;
    border-radius: 16px !important;
    box-shadow:
        0 0 0 1px rgba(0, 255, 150, 0.08),
        0 18px 45px rgba(0, 0, 0, 0.55),
        0 0 30px rgba(0, 180, 110, 0.18) !important;
    color: #ffffff !important;
    overflow: hidden !important;
}

/* Corpo do card */
body.welcome-anonymous .card-body {
    background: transparent !important;
    padding: 34px 38px !important;
}

/* Logo */
body.welcome-anonymous .card img {
    display: block !important;
    margin: 0 auto 24px auto !important;
    max-width: 170px !important;
    height: auto !important;
    filter: drop-shadow(0 0 10px rgba(0, 180, 110, 0.25));
}

/* Título */
body.welcome-anonymous .card-title,
body.welcome-anonymous h1,
body.welcome-anonymous h2,
body.welcome-anonymous h3 {
    color: #ffffff !important;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
}

/* Linha divisória */
body.welcome-anonymous hr {
    border: 0 !important;
    border-top: 1px solid rgba(0, 180, 110, 0.35) !important;
    margin: 22px 0 24px 0 !important;
}

/* Labels */
body.welcome-anonymous label {
    color: #f2f2f2 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

/* Campos */
body.welcome-anonymous .form-control,
body.welcome-anonymous .form-select,
body.welcome-anonymous input,
body.welcome-anonymous select {
    background: rgba(0, 20, 15, 0.72) !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 180, 110, 0.55) !important;
    border-radius: 8px !important;
    height: 42px !important;
    box-shadow: none !important;
}

/* Texto dentro dos campos */
body.welcome-anonymous .form-control::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* Foco dos campos */
body.welcome-anonymous .form-control:focus,
body.welcome-anonymous .form-select:focus,
body.welcome-anonymous input:focus,
body.welcome-anonymous select:focus {
    border-color: #00c878 !important;
    box-shadow: 0 0 0 3px rgba(0, 200, 120, 0.22) !important;
    background: rgba(0, 30, 20, 0.88) !important;
    color: #ffffff !important;
}

/* Select */
body.welcome-anonymous .form-select option {
    background: #021b13 !important;
    color: #ffffff !important;
}

/* Checkbox */
body.welcome-anonymous .form-check {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 12px 0 24px 0 !important;
}

body.welcome-anonymous .form-check-input {
    width: 19px !important;
    height: 19px !important;
    margin: 0 !important;
    border-radius: 5px !important;
    border-color: #00c878 !important;
    background-color: rgba(0, 40, 25, 0.9) !important;
    accent-color: #00c878 !important;
}

body.welcome-anonymous .form-check-input:checked {
    background-color: #00c878 !important;
    border-color: #00c878 !important;
}

body.welcome-anonymous .form-check-label {
    color: #ffffff !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* Botão Entrar */
body.welcome-anonymous button[type="submit"],
body.welcome-anonymous .btn-primary {
    width: 100% !important;
    height: 46px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 255, 150, 0.65) !important;
    background: linear-gradient(180deg, #00b96d 0%, #007c49 100%) !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    box-shadow:
        0 0 18px rgba(0, 200, 120, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

body.welcome-anonymous button[type="submit"]:hover,
body.welcome-anonymous .btn-primary:hover {
    background: linear-gradient(180deg, #00d17d 0%, #008d54 100%) !important;
    box-shadow:
        0 0 26px rgba(0, 220, 130, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* Link de esqueci senha, se aparecer */
body.welcome-anonymous a {
    color: #00d986 !important;
}

body.welcome-anonymous a:hover {
    color: #38ffad !important;
}