/* Login only: existing Roundcube form and auth behavior are preserved. */
body.task-login{background:#faf6e9!important;color:#102653!important;}
body.task-login #layout-content{background:transparent!important;}
body.task-login #layout-content:before,body.task-login #layout-content:after{content:"";position:fixed;width:240px;height:280px;background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:none;z-index:0;bottom:15%;}
body.task-login #layout-content:before{left:max(24px,calc(50% - 530px));background-image:url(assets/brontosaurus-happy.webp);transform:rotate(-7deg);}
body.task-login #layout-content:after{right:max(24px,calc(50% - 530px));background-image:url(assets/trex-happy.webp);transform:rotate(7deg);}
body.task-login #login-form{position:relative;z-index:1;background:white;border:1px solid #e6dfcc;border-radius:26px;box-shadow:0 16px 60px #14294e0c;padding:24px 38px 30px!important;width:440px!important;max-width:calc(100vw - 40px)!important;margin:7vh auto 28px!important;}
body.task-login #logo{content:url(assets/clase-logo.png);display:block!important;width:260px!important;height:174px!important;max-height:none!important;object-fit:contain;margin:0 auto 25px!important;border-radius:14px;}
body.task-login #login-form:before{content:"A little wonder. A connected inbox.";display:block;position:absolute;left:0;right:0;top:220px;text-align:center;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.2px;color:#637185;}
body.task-login #login-form form{margin-top:33px!important;}
body.task-login .input-group{margin-bottom:14px!important;}
body.task-login input.form-control{border-color:#d8e0e8!important;border-radius:0 9px 9px 0!important;min-height:47px;}
body.task-login input.form-control:focus{box-shadow:0 0 0 3px #0096a122!important;border-color:#0096a1!important;}
body.task-login .input-group-text{background:#f1f5f7!important;border-color:#d8e0e8!important;border-radius:9px 0 0 9px!important;color:#102653!important;}
body.task-login button.button{background:#0094a2!important;border-color:#0094a2!important;border-radius:10px!important;min-height:47px;font-weight:700!important;letter-spacing:.6px;}
body.task-login button.button:hover{background:#007d89!important;}
body.task-login #login-footer{color:#637185!important;font-size:12px!important;margin-top:24px!important;}
body.task-login #login-footer a{color:#007d89!important;}
@media(max-width:900px){body.task-login #layout-content:before,body.task-login #layout-content:after{display:none;}body.task-login #login-form{margin-top:5vh!important;}}
@media(max-width:480px){body.task-login #login-form{padding:23px 24px 27px!important;margin-top:28px!important;max-width:calc(100vw - 30px)!important;}body.task-login #logo{width:230px!important;height:154px!important;}body.task-login #login-form:before{top:198px;font-size:11px;}body.task-login #layout-content:after{display:block;width:110px;height:115px;bottom:12px;right:15px;opacity:.95;}body.task-login #login-footer{font-size:11px!important;}}
/* The native login-form is the form itself; put its caption in normal flow. */
body.task-login #login-form:before{position:static!important;display:block;margin:0 0 22px;line-height:1.5;}
body.task-login #login-form{margin-top:30px!important;}
@media(max-width:480px){body.task-login #login-form{margin-top:25px!important;}body.task-login #layout-content:after{width:94px;height:100px;bottom:8px;}}