/* Grupo Salcani - Login visual para GLPI 10.x */

body.welcome-anonymous {
    min-height: 100vh !important;
    overflow-x: hidden !important;
    background-color: #eef6ff !important;
    background-image: url("../pics/login-bg.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 55vw 100vh !important;
}

.page-anonymous {
    min-height: 100vh !important;
    width: 100% !important;
}

.page-anonymous > .flex-fill {
    align-items: stretch !important;
    justify-content: flex-start !important;
    margin-top: 0 !important;
    padding: 2rem 3vw !important;
}

.page-anonymous .container-tight {
    width: min(560px, 42vw) !important;
    max-width: 560px !important;
    margin: 0 3vw 0 auto !important;
    padding: 0 !important;
}

.page-anonymous .container-tight > .text-center:first-child {
    margin-bottom: 1rem !important;
}

.page-anonymous .glpi-logo {
    width: 260px !important;
    height: 105px !important;
    margin: 0 auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: drop-shadow(0 7px 18px rgba(20, 55, 95, .10));
}

.page-anonymous .card.card-md {
    border: 1px solid rgba(26, 73, 115, .08) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 24px 60px rgba(20, 55, 95, .16) !important;
    overflow: hidden !important;
}

.page-anonymous .card-body {
    padding: 2.25rem !important;
}

.page-anonymous .card-header {
    border: 0 !important;
    padding: 0 !important;
}

.page-anonymous .card-header h2 {
    margin-bottom: .75rem !important;
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    color: #17365d !important;
}

.page-anonymous .form-label {
    color: #234b78 !important;
    font-weight: 700 !important;
}

.page-anonymous .form-control {
    min-height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid #d7e2ef !important;
    background: #fbfdff !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.page-anonymous .form-control:focus {
    border-color: #2688e8 !important;
    box-shadow: 0 0 0 4px rgba(38, 136, 232, .12) !important;
}

.page-anonymous .form-label-description a,
.page-anonymous .card-body a {
    color: #1769aa !important;
    font-weight: 600;
}

.page-anonymous .form-footer {
    margin-top: 1.25rem !important;
}

.page-anonymous .btn-primary {
    min-height: 50px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #ffd15c, #f5b72f) !important;
    color: #17365d !important;
    box-shadow: 0 12px 24px rgba(245, 183, 47, .24) !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.page-anonymous .btn-primary:hover {
    filter: brightness(1.04) !important;
    transform: translateY(-1px);
    box-shadow: 0 16px 28px rgba(245, 183, 47, .30) !important;
}

.page-anonymous .form-check-label { color: #47617b !important; }
.page-anonymous .text-muted { color: #667b91 !important; }
.page-anonymous .alert { border-radius: 14px !important; }

@media (max-width: 1000px) {
    body.welcome-anonymous { background-size: 48vw 100vh !important; }
    .page-anonymous .container-tight { width: min(560px, 50vw) !important; }
}

@media (max-width: 768px) {
    body.welcome-anonymous {
        background-image: none !important;
        background: linear-gradient(135deg, #eef6ff, #f8fbff) !important;
    }
    .page-anonymous > .flex-fill { padding: 1rem !important; }
    .page-anonymous .container-tight { width: min(94vw, 560px) !important; margin: 0 auto !important; }
    .page-anonymous .glpi-logo { width: 235px !important; height: 95px !important; }
    .page-anonymous .card-body { padding: 1.5rem !important; }
}