/* Custom WGDashboard login theme - no red borders */
.login-container-fluid {
    background:
        linear-gradient(rgba(7, 10, 18, .48), rgba(7, 10, 18, .78)),
        url("https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=2400&q=85")
        center / cover fixed !important;
}

.login-box {
    width: min(430px, calc(100% - 28px)) !important;
    max-width: 430px !important;
    padding: 30px !important;
    background: rgba(15, 19, 29, .88) !important;
    border: none !important;
    border-radius: 22px !important;
    box-shadow: 0 22px 65px rgba(0, 0, 0, .45) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.login-box .card,
.login-box .card-body,
.login-box .signInContainer {
    border: none !important;
    box-shadow: none !important;
}

.login-box .form-control {
    min-height: 46px;
    color: #f5f7fb !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 11px !important;
}

.login-box .form-control:focus {
    border-color: rgba(255, 255, 255, .42) !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .07) !important;
}

.login-box label,
.login-box .text-muted,
.login-box .text-body {
    color: #e5e7eb !important;
}

.login-box .signInBtn {
    min-height: 48px;
    justify-content: center;
    background: #e53935 !important;
    border: none !important;
    border-radius: 11px !important;
    color: #fff !important;
    font-weight: 600;
    transition: filter .2s ease, transform .2s ease;
}

.login-box .signInBtn:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.login-box button,
.login-box input {
    max-width: 100%;
}

@media (max-width: 480px) {
    .login-box {
        padding: 22px !important;
    }
}

/* Ajuste final del formulario WGDashboard */
html,
body,
#app {
    min-height: 100%;
    margin: 0;
}

.login-container-fluid {
    min-height: 100vh !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 32px 16px !important;
    background:
        linear-gradient(135deg, rgba(5, 8, 16, .48), rgba(5, 8, 16, .76)),
        url("https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=2400&q=85")
        center center / cover fixed !important;
}

.login-container-fluid > div {
    width: 100% !important;
    max-width: 460px !important;
    margin: auto !important;
}

.login-box,
.login-box .signInContainer {
    width: 100% !important;
    max-width: 100% !important;
}

.login-box {
    box-sizing: border-box !important;
    padding: 30px !important;
    background: rgba(15, 19, 29, .90) !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 22px 65px rgba(0, 0, 0, .45) !important;
}

.login-box .signInContainer {
    margin-left: auto !important;
    margin-right: auto !important;
}

.login-box .signInBtn {
    background: #e53935 !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 480px) {
    .login-box {
        padding: 22px !important;
    }
}