:root {
    --system88-primary: #075bb5;
    --system88-primary-dark: #03417f;
    --system88-background: #eef4fb;
}

body {
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(7, 91, 181, 0.22),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            var(--system88-background) 100%
        ) !important;
}

/* Logo da tela de login */
.glpi-logo {
    display: block !important;
    width: 290px !important;
    height: 100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-image: url("../img/logo-88system.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.glpi-logo::before,
.glpi-logo::after {
    content: none !important;
    display: none !important;
}

/* Cartão */
.card {
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 25px 80px rgba(15, 35, 63, 0.16) !important;
}

/* Campos */
.form-control,
.form-select {
    min-height: 46px;
    border-radius: 9px !important;
}

/* Botão */
.btn-primary,
button[type="submit"] {
    min-height: 46px;
    background: linear-gradient(
        135deg,
        var(--system88-primary),
        var(--system88-primary-dark)
    ) !important;
    border: 0 !important;
    border-radius: 9px !important;
    color: #fff !important;
    font-weight: 600;
}

/* ==================================================
   LOGO EXCLUSIVA 88SYSTEM — REMOVE A LOGO DO GLPI
   ================================================== */

.glpi-logo {
    display: block !important;
    width: 320px !important;
    height: 95px !important;
    margin: 0 auto 28px !important;

    background: none !important;
    background-image: none !important;

    -webkit-mask: none !important;
    mask: none !important;

    color: transparent !important;
    font-size: 0 !important;
}

.glpi-logo::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;

    background-image: url("../img/logo-88system.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    -webkit-mask: none !important;
    mask: none !important;
}

.glpi-logo::after {
    content: none !important;
    display: none !important;
}

/* ==================================================
   IDENTIDADE VISUAL 88SYSTEM
   ================================================== */

:root {
    --glpi-logo-dark-login: url("../img/logo-88system.svg") !important;
    --glpi-logo-light-login: url("../img/logo-88system.svg") !important;
    --glpi-logo-dark: url("../img/logo-88system.svg") !important;
    --glpi-logo-light: url("../img/logo-88system-white.svg") !important;
}

.glpi-logo {
    background-image: var(--glpi-logo-dark-login) !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 360px !important;
    height: 115px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

[data-bs-theme="dark"] .glpi-logo,
.theme-dark .glpi-logo {
    background-image: var(--glpi-logo-light-login) !important;
}

.glpi-logo::before,
.glpi-logo::after {
    content: none !important;
    display: none !important;
}