/* Pagina login */
body.task-login {
    min-height: 100vh;
    margin: 0;
    position: relative;
    background: linear-gradient(rgba(15, 23, 42, 0.20), rgba(15, 23, 42, 0.20)),
                url("../images/linen_login.jpg") center center / cover no-repeat #5c5c5c;
    overflow: hidden;
}

body.task-login #layout,
body.task-login #layout-content {
    background: transparent;
}

body.task-login #layout-content {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr);
    justify-items: center;
}

/* Box login */
body.task-login #login-form {
    grid-row: 2;
    position: static;
    top: auto;
    margin: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
    padding: 28px;
}

/* Logo */
body.task-login #logo {
    grid-row: 1;
    align-self: end;
    position: static;
    top: auto;
    margin-bottom: 16px;
    /* Il PNG ha 34 px trasparenti a destra, scalati con il logo. */
    transform: translateX(31px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 45px;
}

/* Pulsante login */
body.task-login .btn-primary,
body.task-login button.mainaction,
body.task-login input.button.mainaction {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

body.task-login .btn-primary:hover,
body.task-login button.mainaction:hover,
body.task-login input.button.mainaction:hover {
background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
/*    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;*/
}


/* Sfondo generale dopo il login */
body:not(.task-login) {
    background: #f3f4f6;
}

/* Area principale */
#layout {
    background: #f3f4f6;
}

/* Area contenuti */
#layout-content {
    background: #f3f4f6;
}

/* Lista messaggi */
#messagelistcontainer,
#messagelist,
#mailview-right,
#messagecontframe {
    background: #f9fafb;
}


body:not(.task-login) iframe#messagecontframe {
    background: transparent !important;
}