/**
 * DeskTicket - Login Branding
 * Aplicado apenas às páginas anônimas/login.
 */

body.anonymous,
.page-anonymous,
.login-page,
body.welcome-anonymous {
    background:
        radial-gradient(circle at top left, rgba(79, 70, 229, 0.22), transparent 32%),
        radial-gradient(circle at bottom right, rgba(37, 99, 235, 0.18), transparent 28%),
        linear-gradient(135deg, #0f172a 0%, #111827 45%, #1e293b 100%);
}

body.anonymous .page-single,
.page-anonymous .page-single,
.login-page .page-single,
body.welcome-anonymous .page-single {
    padding: 24px 16px;
}

body.anonymous .card.card-md,
.page-anonymous .card.card-md,
.login-page .card.card-md,
body.welcome-anonymous .card.card-md {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(2, 6, 23, 0.28);
    backdrop-filter: blur(10px);
    overflow: hidden;
}

body.anonymous .card.card-md .card-body,
.page-anonymous .card.card-md .card-body,
.login-page .card.card-md .card-body,
body.welcome-anonymous .card.card-md .card-body {
    padding: 36px 32px;
}

/* O GLPI nativo já aplica var(--glpi-logo-dark-login) ou var(--glpi-logo-light-login)
   no elemento .glpi-logo das páginas de login, então apenas ajustamos dimensões visuais */
body.welcome-anonymous .page-anonymous div span.glpi-logo,
body.anonymous .page-anonymous div span.glpi-logo,
.page-anonymous .container-tight div span.glpi-logo,
.page-anonymous .container-tight span.glpi-logo,
.page-anonymous div span.glpi-logo,
.login-page div span.glpi-logo {
    width: 250px;
    min-height: 56px;
    margin: 0 auto 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Garante que o logo do login tenha display e alinhamento adequados */
body.welcome-anonymous .page-anonymous .glpi-logo,
body.anonymous .page-anonymous .glpi-logo,
.page-anonymous .container-tight .glpi-logo,
.page-anonymous .glpi-logo,
.login-page .glpi-logo {
    display: block;
    text-align: center;
}

body.anonymous .card-title,
body.anonymous h2,
.page-anonymous .card-title,
.page-anonymous h2,
.login-page .card-title,
.login-page h2,
body.welcome-anonymous .card-title,
body.welcome-anonymous h2 {
    color: #0f172a;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
}

body.anonymous .text-secondary,
body.anonymous .text-muted,
.page-anonymous .text-secondary,
.page-anonymous .text-muted,
.login-page .text-secondary,
.login-page .text-muted,
body.welcome-anonymous .text-secondary,
body.welcome-anonymous .text-muted {
    text-align: center;
    color: #64748b;
}

body.anonymous .rich_text_container,
.page-anonymous .rich_text_container,
.login-page .rich_text_container,
body.welcome-anonymous .rich_text_container {
    margin-bottom: 20px;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #f8fafc;
    color: #475569;
}

body.anonymous .form-control,
body.anonymous .form-select,
.page-anonymous .form-control,
.page-anonymous .form-select,
.login-page .form-control,
.login-page .form-select,
body.welcome-anonymous .form-control,
body.welcome-anonymous .form-select {
    min-height: 46px;
    border-width: 1px;
    background: #f8fafc;
}

body.anonymous .btn-primary,
.page-anonymous .btn-primary,
.login-page .btn-primary,
body.welcome-anonymous .btn-primary,
body.anonymous button[name="submit"],
.page-anonymous button[name="submit"],
.login-page button[name="submit"],
body.welcome-anonymous button[name="submit"] {
    min-height: 46px;
    width: 100%;
}

body.anonymous .btn-outline-secondary[href*="faq"],
.page-anonymous .btn-outline-secondary[href*="faq"],
.login-page .btn-outline-secondary[href*="faq"],
body.welcome-anonymous .btn-outline-secondary[href*="faq"] {
    width: 100%;
}

body.anonymous footer,
.page-anonymous footer,
.login-page footer,
body.welcome-anonymous footer,
body.anonymous .page-footer,
.page-anonymous .page-footer,
.login-page .page-footer,
body.welcome-anonymous .page-footer {
    color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 575.98px) {
    body.anonymous .card.card-md .card-body,
    .page-anonymous .card.card-md .card-body,
    .login-page .card.card-md .card-body,
    body.welcome-anonymous .card.card-md .card-body {
        padding: 28px 20px;
    }

    body.welcome-anonymous .page-anonymous div span.glpi-logo,
    body.anonymous .page-anonymous div span.glpi-logo,
    .page-anonymous .container-tight div span.glpi-logo,
    .page-anonymous .container-tight span.glpi-logo,
    .page-anonymous div span.glpi-logo,
    .login-page div span.glpi-logo {
        width: 220px;
        min-height: 48px;
        margin-bottom: 18px;
    }
}