/* Farfontier: a small presentation layer over the maintained Elastic skin. */
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root{--ff-accent:#6d5ce8;--ff-ink:#20283d;--ff-muted:#7a8195}
body:not(.task-login) #layout-menu{background:#181e30}
#taskmenu a{transition:background-color .15s,color .15s}
#taskmenu a.selected{background:#6d5ce8;color:#fff}
.btn-primary{background-color:#6d5ce8;border-color:#6d5ce8}
.btn-primary:hover,.btn-primary:focus{background-color:#5949d0;border-color:#5949d0}
.listing li.selected>a,.listing tr.selected td{background-color:#eeeafb;color:#4f40b0}
html.dark-mode .listing li.selected>a,html.dark-mode .listing tr.selected td{background-color:#39314f;color:#e4deff}
.task-mail #layout-sidebar,.task-addressbook #layout-sidebar{background:#f7f8fc}
html.dark-mode .task-mail #layout-sidebar,html.dark-mode .task-addressbook #layout-sidebar{background:#242630}
#layout-menu #logo{width:36px;height:36px;margin:18px auto}
.toolbar .button{border-radius:8px}
input.form-control,textarea.form-control,select.form-control{border-radius:8px}
.task-login{background:#f5f5fa;color:var(--ff-ink)}
.task-login #layout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px;background:radial-gradient(ellipse at 12% 15%,#e9e6fb 0,transparent 50%),radial-gradient(ellipse at 85% 80%,#e5eef5 0,transparent 45%)}
.task-login #layout-content{position:relative;flex:none!important;width:100%;max-width:980px!important;min-height:610px;display:flex!important;flex-direction:column;align-items:flex-end;justify-content:center;border:1px solid #e7e7f0;border-radius:24px!important;background:#fff;box-shadow:0 24px 90px #26304b12;overflow:hidden;padding:50px 56px!important;margin:auto!important}
.task-login #layout-content:before{content:"";position:absolute;inset:0 51% 0 0;background:#20263b;background-image:radial-gradient(circle at 85% 20%,#61579788,transparent 45%),radial-gradient(circle at 0% 100%,#405b7577,transparent 65%)}
.task-login #layout-content:after{content:"A calmer place\A for your conversations.";white-space:pre;position:absolute;left:48px;bottom:80px;color:#f2f0ff;font-size:34px;font-weight:600;line-height:1.3;letter-spacing:-1px;pointer-events:none}
.task-login #logo{position:absolute;left:48px;top:48px!important;width:210px!important;height:46px!important;max-width:none!important;max-height:none!important;margin:0!important}
.task-login #login-form{width:100%!important;max-width:340px!important;padding:0!important;margin:0!important;position:relative}
.ff-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#8c80da}
.ff-intro h2{font-size:31px;font-weight:650;line-height:1.2;letter-spacing:-.8px;margin:15px 0 12px}
.ff-intro p{color:var(--ff-muted);font-size:14px;margin-bottom:32px}
.task-login .form-control{height:50px;background:#f9f9fc;border:1px solid #e2e4ed;padding-left:14px;box-shadow:none;color:#20283d}
.task-login .form-control:focus{border-color:#8c80da;box-shadow:0 0 0 3px #6d5ce814}
.task-login .input-group-text{background:#f9f9fc;border-color:#e2e4ed;color:#8e91a4;border-radius:8px 0 0 8px}
.task-login .input-group .form-control{border-radius:0 8px 8px 0}
.task-login .btn-primary{height:48px;border-radius:9px;font-weight:600;box-shadow:0 5px 12px #6d5ce81a}
.task-login #login-footer{font-size:12px;color:#989dae;text-align:center;padding-top:24px}
.task-login #login-footer:before{content:"Farfontier Mail · Защищённое соединение";display:block;margin-bottom:10px}
html.dark-mode .task-login{background:#181b25;color:#edf0f8}
html.dark-mode .task-login #layout{background:radial-gradient(ellipse at 15% 10%,#2a2443,transparent 55%),#171b26}
html.dark-mode .task-login #layout-content{background:#242835;border-color:#34394b;box-shadow:0 24px 90px #0003}
html.dark-mode .task-login .form-control,html.dark-mode .task-login .input-group-text{background:#2b3040;border-color:#42485d;color:#eef0f8}
html.dark-mode .task-login .ff-intro p{color:#b4b9ca}
@media(max-width:760px){
 .task-login #layout{padding:24px 16px}
 .task-login #layout-content{max-width:440px!important;min-height:600px;padding:105px 28px 36px!important;align-items:center;border-radius:18px!important}
 .task-login #layout-content:before{inset:0 0 auto;height:78px}
 .task-login #layout-content:after{display:none}
 .task-login #logo{left:28px;top:20px!important;width:178px!important;height:38px!important}
 .task-login #login-form{max-width:none!important}
 .ff-intro h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){#taskmenu a{transition:none}}

.task-login #login-form{top:auto!important;bottom:auto!important;transform:none!important}