@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap');

/* Overall page background */
.login-ui {
    background-color: #191919 !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

/* Custom Header Banner */
.secops-header-banner {
    text-align: center;
    margin-bottom: 20px;
}

.secops-header-banner img {
    max-width: 320px;
    height: auto;
    display: inline-block;
}

/* Hide original Guacamole logo header */
.login-ui .login-dialog .logo {
    display: none !important;
}

/* Login Card Container */
.login-ui .login-dialog {
    background: #222222 !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

/* Primary Button Styling (#F98E00) */
.login-ui input[type="submit"] {
    background-color: #F98E00 !important;
    color: #191919 !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease-in-out !important;
}

.login-ui input[type="submit"]:hover {
    background-color: #f96400 !important;
}

/* Input Fields Focus State */
.login-ui input[type="text"]:focus,
.login-ui input[type="password"]:focus {
    border-color: #F98E00 !important;
    outline: none !important;
}

/* HIDE REMEMBER ME CHECKBOX & FORGOT PASSWORD */
.login-ui .remember-me,
.login-ui .forgot-password,
.login-ui fieldset.remember-me,
.login-ui div.remember-me {
    display: none !important;
}