@import url("../../elastic/styles/styles.min.css");
:root{--fufu-paper:#f7f6f2;--fufu-white:#fffefa;--fufu-ink:#40394a;--fufu-muted:#81798a;--fufu-purple:#80659f;--fufu-purple-deep:#6b5089;--fufu-lavender:#eee8f6;--fufu-line:#e8e3eb}
html,body{color:var(--fufu-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body{background:var(--fufu-paper)}a{color:var(--fufu-purple)}a:hover{color:var(--fufu-purple-deep)}
.btn-primary,.btn-primary:not(:disabled):not(.disabled):active{background:var(--fufu-purple);border-color:var(--fufu-purple)}
.btn-primary:hover,.btn-primary:focus{background:var(--fufu-purple-deep);border-color:var(--fufu-purple-deep)}
.btn-primary.disabled,.btn-primary:disabled{background:#ad9cbe;border-color:#ad9cbe}
.form-control:focus,.custom-select:focus{border-color:#b8a1ce;box-shadow:0 0 0 3px rgba(128,101,159,.12)}
.custom-control-input:checked~.custom-control-label::before{background:var(--fufu-purple);border-color:var(--fufu-purple)}
/* Keep Elastic's keyboard navigation and responsive application layout. */
body:not(.task-login) #layout{background:var(--fufu-paper)}
body:not(.task-login) #layout-menu{background:#f0ecf4;border-right:1px solid var(--fufu-line)}
body:not(.task-login) #taskmenu a{color:#797080}
body:not(.task-login) #taskmenu a.selected,body:not(.task-login) #taskmenu a:hover{background:#e4daee;color:var(--fufu-purple-deep)}
body:not(.task-login) #taskmenu a.compose{background:var(--fufu-purple);color:white;border-radius:12px;margin:12px 8px;padding-left:0;padding-right:0}
body:not(.task-login) #taskmenu a.compose:hover{background:var(--fufu-purple-deep)}
body:not(.task-login) #layout-sidebar{background:#fbfaf7;border-color:var(--fufu-line)}
body:not(.task-login) #layout-list,body:not(.task-login) #layout-content{background:#fff;border-color:var(--fufu-line)}
.header,.footer,.listing,.listing li,.listing td,.searchbar,.formcontent{border-color:var(--fufu-line)}
#layout-sidebar .header,#layout-sidebar .footer{background:#fbfaf7}
#layout-list>.header,#layout-list>.footer,#layout-content>.header,#layout-content>.footer{background:#fff}
.listing li.selected>a,.listing li.selected>div>a,.listing tr.selected td{background-color:var(--fufu-lavender);color:var(--fufu-purple-deep)}
.listing li>a:hover,.listing tr:hover td{background-color:#f8f5fb}
.messagelist tr.unread .subject{color:#3f354d}.messagelist td{padding-top:10px;padding-bottom:10px}
.listing.iconized li.mailbox .unreadcount{background:var(--fufu-purple);border-radius:8px}
.searchbar{background:#faf8fc}.searchbar input{background:transparent}
.toolbar a,.header a{color:#74697f}.toolbar a:hover,.header a:hover{color:var(--fufu-purple-deep);background:#f4eff8}
.ui-dialog{border-radius:16px;border:1px solid var(--fufu-line);box-shadow:0 18px 60px rgba(51,39,63,.14);overflow:hidden}
.ui-dialog-titlebar{background:#f5f1f8;border-color:var(--fufu-line)}
/* A quiet login screen with local assets only. */
.task-login #layout{min-height:100vh;height:auto;overflow:auto;background:var(--fufu-paper)}
.task-login #layout-content.fufu-login{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:1fr auto;gap:32px 70px;align-items:center;width:min(1080px,100%);max-width:none;min-height:100vh;height:auto;padding:62px 56px 28px;margin:0 auto;border:0;background:transparent;overflow:visible}
.fufu-brand{display:flex;align-items:center;gap:13px;color:#4c4157;font-size:27px;letter-spacing:-.6px}.fufu-brand b{font-weight:400;color:#8a759e}
.task-login .fufu-brand #logo{display:block;width:48px;height:48px;max-height:none;margin:0}
.fufu-intro-copy{margin-top:46px}.fufu-eyebrow{color:#9a8ca7;font-size:10px;font-weight:600;letter-spacing:2.4px;margin-bottom:20px}
.fufu-intro h1{color:#4c4157;font-size:clamp(38px,4.8vw,54px);line-height:1.4;letter-spacing:1.2px;font-weight:600;margin:0 0 20px}
.fufu-description{color:var(--fufu-muted);font-size:15px;line-height:1.95;margin:0}
.fufu-illustration{display:block;width:290px;height:auto;margin:23px 0 0 -14px}
.fufu-login-card{background:rgba(255,255,255,.94);border:1px solid #eae4ec;border-radius:24px;padding:39px 34px 23px;box-shadow:0 18px 65px rgba(78,57,98,.055)}
.fufu-card-kicker{display:block;color:#a394ae;font-size:10px;font-weight:600;letter-spacing:2px;margin-bottom:13px}
.fufu-login-card h2{color:#4c4157;font-size:28px;font-weight:600;margin:0 0 12px;letter-spacing:.7px}
.fufu-card-description{color:#908695;font-size:13px;line-height:1.7;margin:0 0 30px}
.task-login #login-form{width:100%;max-width:none;margin:0;padding:0;text-align:left}
.task-login #login-form table{width:100%}.task-login #login-form td{padding-bottom:15px}
.task-login #login-form .form-control{min-height:48px;height:48px;border:1px solid #e5dfeb;border-radius:10px;background:#fcfbfd;color:#494051;font-size:14px}
.task-login #login-form .input-group-text{border:1px solid #e5dfeb;background:#f7f4fa;color:#a090ad;border-radius:10px 0 0 10px}
.task-login #login-form .input-group .form-control{border-radius:0 10px 10px 0}
.task-login #login-form label{color:#82728e;font-size:13px}
.task-login #login-form .btn{width:100%;min-height:48px;border-radius:10px;margin-top:9px;font-size:14px;font-weight:500;letter-spacing:2px;box-shadow:0 4px 12px rgba(128,101,159,.1)}
.task-login #login-footer{margin-top:25px;padding:19px 0 0;border-top:1px solid #efebf1;color:#aaa0b0;text-align:center;font-size:11px;line-height:1.6}
.fufu-status-dot{display:inline-block;width:5px;height:5px;margin:0 5px 2px 0;vertical-align:middle;border-radius:50%;background:#9fbda3}
.fufu-login-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;border-top:1px solid #e7e1e9;padding-top:21px;color:#aaa0af;font-size:11px}
.fufu-login-footer nav{display:flex;align-items:center;gap:15px}.fufu-login-footer a{color:#92829e;text-decoration:none}.fufu-login-footer a:hover{color:var(--fufu-purple-deep)}
.task-login #messagestack{z-index:10000}
@media(min-width:768px){body:not(.task-login) #layout-menu #logo{width:38px;height:38px;max-height:38px;margin:14px auto}}
@media(max-width:767px){
 .task-login #layout-content.fufu-login{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:24px;width:100%;padding:30px 24px 22px}
 .fufu-brand{font-size:23px;gap:10px}.task-login .fufu-brand #logo{width:38px;height:38px}.fufu-intro-copy{margin-top:26px}
 .fufu-eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:12px}.fufu-intro h1{font-size:30px;line-height:1.45;letter-spacing:.4px;margin-bottom:10px}
 .fufu-intro h1 br,.fufu-desktop-break{display:none}.fufu-description{font-size:12px;line-height:1.9}.fufu-illustration{display:none}
 .fufu-login-card{padding:27px 24px 20px;border-radius:20px}.fufu-login-card h2{font-size:24px}.fufu-card-description{margin-bottom:22px}
 .fufu-login-footer{margin-top:0;padding-top:18px;flex-wrap:wrap;justify-content:center;font-size:10px}.fufu-login-footer>span{display:none}
 body:not(.task-login) #taskmenu a.compose{margin:0;border-radius:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Elastic positions its stock login form with viewport offsets; reset those
   offsets for this custom grid, including when Elastic applies large layout. */
.task-login #layout{display:block}
.task-login #layout-content.fufu-login{flex:none;box-sizing:border-box;text-align:left;min-width:0}
.fufu-login *{box-sizing:border-box}
.task-login .fufu-brand #logo{position:static;top:auto;left:auto;right:auto;bottom:auto}
.task-login #login-form{position:static;top:auto;left:auto;right:auto;bottom:auto;transform:none}
.fufu-login-card{text-align:left}
.task-login #rcmloginsubmit{background:#80659f;border:1px solid #80659f;color:#fff}
.task-login #rcmloginsubmit:hover,.task-login #rcmloginsubmit:focus{background:#6b5089;border-color:#6b5089;color:#fff}
@media(min-width:768px){
 .task-login #layout-content.fufu-login{padding-top:44px;padding-bottom:22px;row-gap:24px}
 .fufu-intro-copy{margin-top:36px}.fufu-illustration{width:270px;margin-top:15px}
}
body:not(.task-login) #layout-menu .popover-header,body:not(.task-login) #taskmenu .special-buttons{background:#f0ecf4}
body:not(.task-login) #mailboxlist li.selected,body:not(.task-login) #mailboxlist li.selected>a{background:#eee8f6;color:#6b5089}
body:not(.task-login) #mailboxlist .unreadcount{background:#a08ab7;color:#fff;border-radius:7px}