/* CoNest Roundcube branding */

/* Dark login page */
html,
body.task-login,
.task-login #layout,
.task-login #layout-content {
    background: #070a08 !important;
    color: #f4f6f1;
}

.task-login #layout-content {
    position: relative;
    overflow: hidden;
}

/* Soft CoNest green atmosphere */
.task-login #layout-content::before {
    content: "";
    position: fixed;
    inset: -20%;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse at 50% 24%,
            rgba(218, 242, 99, 0.15) 0%,
            rgba(132, 166, 59, 0.08) 28%,
            rgba(73, 98, 38, 0.035) 48%,
            transparent 70%
        );
    filter: blur(55px);
    opacity: 0.95;
}

/* Larger homepage/login logo */
.task-login #logo {
    position: relative !important;
    z-index: 2;
    top: 7vh !important;

    width: min(520px, 86vw) !important;
    height: auto !important;

    max-width: none !important;
    max-height: 190px !important;

    object-fit: contain;
    filter:
        drop-shadow(0 0 18px rgba(218, 242, 99, 0.16))
        drop-shadow(0 18px 38px rgba(0, 0, 0, 0.55));
}

/* Login form position after enlarging logo */
.task-login #login-form {
    z-index: 2;
    top: 11vh !important;
    max-width: 360px;
}

/* Dark login form */
.task-login #login-form .form-control {
    color: #f4f6f1 !important;
    background: rgba(20, 25, 19, 0.92) !important;
    border-color: rgba(218, 242, 99, 0.14) !important;
}

.task-login #login-form .form-control:focus {
    border-color: rgba(218, 242, 99, 0.7) !important;
    box-shadow: 0 0 0 0.2rem rgba(218, 242, 99, 0.1) !important;
}

.task-login #rcmloginsubmit {
    color: #080a07 !important;
    background: #daf263 !important;
    border-color: #daf263 !important;
    font-weight: 750;
}

.task-login #rcmloginsubmit:hover {
    background: #e5fa86 !important;
    border-color: #e5fa86 !important;
}

.task-login #login-footer {
    color: rgba(235, 240, 229, 0.65) !important;
}

.task-login #login-footer > div {
    background: rgba(13, 17, 12, 0.72) !important;
}

/* Logged-in branding */
#layout-menu .popover-header img {
    max-width: 125px !important;
    max-height: 66px !important;
    object-fit: contain;
}

/* Mobile login */
@media screen and (max-width: 600px) {
    .task-login #logo {
        top: 8vh !important;
        width: 84vw !important;
        max-height: 145px !important;
    }

    .task-login #login-form {
        top: 12vh !important;
        width: 88%;
    }
}