/* Pagina login */
body.task-login {
    min-height: 100vh;
    margin: 0;
    position: relative;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    overflow: hidden;
}

/* Grande riquadro centrale con immagine */
body.task-login::before {
    content: "";
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(900px, 92vw);
    height: min(520px, 108vh);
    background: url("../images/linen_login.jpg") center center / cover no-repeat;
    border-radius: 28px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
    z-index: 0;
}

/* Leggero velo sopra l'immagine per migliorarne leggibilità */
body.task-login::after {
    content: "";
    position: fixed;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(1300px, 92vw);
    height: min(720px, 108vh);
    background: rgba(15, 23, 42, 0.20);
    border-radius: 28px;
    z-index: 0;
}

/* Box login sopra al riquadro */
body.task-login #login-form {
    position: relative;
    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 {
    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;
}