/* LZW Mail 1.0.0 · Elastic-derived skin · CC BY-SA 3.0 */
:root { --lzw-bg:#f6f8fc; --lzw-surface:#fff; --lzw-ink:#202124; --lzw-muted:#68717d; --lzw-blue:#0b57d0; --lzw-selected:#d3e3fd; --lzw-line:#e8edf4; }
html, body { font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif; color:var(--lzw-ink); background:var(--lzw-bg); }
body:not(.task-login) #layout { padding-top:76px; background:var(--lzw-bg); }
.lzw-topbar { position:fixed; z-index:101; inset:0 0 auto; height:76px; display:flex; align-items:center; justify-content:space-between; padding:0 24px; background:var(--lzw-bg); }
.lzw-brand { display:flex; gap:12px; align-items:center; font-size:24px; color:#394457; white-space:nowrap; }
.lzw-brand b { font-weight:400; }
.lzw-brand small { margin-left:12px; color:var(--lzw-muted); font-size:12px; }
.lzw-account { display:flex; gap:16px; align-items:center; color:var(--lzw-muted); font-size:13px; }
.lzw-avatar { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#496c67; color:#fff; font-size:17px; }
#layout-menu { background:#edf2fa; border:0; }
#taskmenu a { color:#4d596a; border-radius:18px; margin:5px 6px; width:auto; }
#taskmenu a:hover, #taskmenu a.selected { background:var(--lzw-selected); color:#143b6f; }
#taskmenu a.logout { color:#5b6470; }
#layout-sidebar { background:var(--lzw-bg); border:0; }
#layout-sidebar > .header { background:transparent; border:0; color:var(--lzw-muted); font-size:12px; }
#layout-sidebar .header .username { font-size:12px; font-weight:400; }
.lzw-compose-wrap { padding:10px 16px 22px; }
.lzw-compose { display:inline-flex; align-items:center; gap:14px; min-height:54px; padding:0 23px; background:#c2e7ff; border-radius:16px; color:#17324e!important; font-size:15px; font-weight:600; text-decoration:none!important; box-shadow:0 1px 2px #34405408; }
.lzw-compose:before { content:'+'; font:28px Arial; font-weight:400; }
.lzw-compose:hover { background:#b3defb; box-shadow:0 3px 9px #3440541a; }
#mailboxlist li { border:0; }
#mailboxlist li > a { border-radius:0 22px 22px 0; padding-top:10px; padding-bottom:10px; color:#414952; margin-right:14px; font-weight:400; }
#mailboxlist li.selected > a, #mailboxlist li > a:hover { color:#183e75; background:#d3e3fd; }
#mailboxlist li.selected > a { font-weight:700; }
#mailboxlist .unreadcount { background:transparent; color:inherit; font-weight:600; }
#layout-sidebar > .footer { border:0; background:transparent; color:#707782; padding:18px; }
#layout-list, #layout-content { background:#fff; }
#layout-list { border:0; border-radius:18px 0 0 18px; overflow:hidden; }
#layout-content { border-left:1px solid var(--lzw-line); border-radius:0 18px 18px 0; margin-right:16px; margin-bottom:14px; overflow:hidden; }
#layout-list { margin-bottom:14px; }
#layout-list > .header, #layout-content > .header { background:#fff; border-bottom:1px solid var(--lzw-line); min-height:56px; }
.searchbar { background:#eaf1fb; border:0; border-radius:26px; margin:8px 16px 12px; }
.searchbar input { border:0!important; box-shadow:none!important; background:transparent!important; color:#27384b; }
.searchbar:focus-within { background:#fff; box-shadow:0 1px 7px #1f3f6929; }
.toolbar a { border-radius:20px; color:#5c6673; }
.toolbar a:hover { background:#edf2fa; color:#163f78; }
#messagelist { border:0; }
#messagelist tr { background:#f3f6fc; }
#messagelist tr.unread { background:#fff; }
#messagelist tr td { border-bottom:1px solid #e9edf4; padding-top:12px; padding-bottom:12px; color:#333e4d; }
#messagelist tr.unread td { font-weight:600; color:#202124; }
#messagelist tr.selected td, #messagelist tr.selected { background:#d3e3fd!important; color:#183d70!important; }
#messagelist tr:hover td { box-shadow:inset 0 1px #cad2de,inset 0 -1px #cad2de; background:#edf2fa; }
#messagelist td.subject span.subject { font-size:14px; }
#messagelist td.date { font-size:12px; color:#69717e; }
.listing tbody td, .listing li { border-color:var(--lzw-line); }
.btn { border-radius:20px; }
.btn-primary, input.button.mainaction { background:#0b57d0; border-color:#0b57d0; border-radius:22px; }
.btn-primary:hover { background:#0846aa; border-color:#0846aa; }
input.form-control, textarea.form-control, select.form-control { border-radius:9px; border-color:#cdd5df; }
a:focus-visible, button:focus-visible, input:focus-visible { outline:3px solid #8bb8fb!important; outline-offset:3px; }
.ui-dialog { border-radius:16px; box-shadow:0 12px 40px #2536542e; }
.ui-dialog .ui-dialog-titlebar { background:#eaf1fb; border-radius:16px 16px 0 0; }
#compose-content, #composeheaders { background:#fff; }
#composeheaders { border-bottom:1px solid var(--lzw-line); }
.task-login { background:#f0f4f9; }
.task-login #layout { background:transparent; }
.task-login #layout-content { border:0; border-radius:26px; background:#fff; width:min(460px,calc(100% - 32px)); padding:40px; margin:auto; box-shadow:0 8px 40px #273d5610; }
.task-login #logo { width:185px; max-height:60px; margin-bottom:24px; }
.lzw-login-heading h2 { font-size:28px; font-weight:400; margin:0 0 10px; }
.lzw-login-heading p { font-size:14px; color:#717b8b; margin-bottom:32px; }
.task-login #login-form { width:100%; }
.task-login #login-form input.form-control { min-height:48px; background:#fff; border-color:#c6cfdb; }
.task-login #login-form .btn { min-height:46px; }
.task-login #login-footer { margin-top:28px; color:#7b8492; font-size:12px; }
@media(min-width:1200px) {
 body.task-mail.action-none #layout-sidebar { width:228px; min-width:228px; max-width:228px; }
 body.task-mail.action-none #taskmenu .action-buttons { display:none; }
 body.task-mail.action-none #layout-list { min-width:360px; }
 body.task-mail.action-none #layout-content { min-width:360px; }
 body.task-mail.action-none #mailsearchform { position:fixed; z-index:102; top:7px; left:320px; width:calc(100vw - 630px); max-width:660px; min-height:48px; display:flex; align-items:center; }
}
@media(max-width:1199px) {
 .lzw-brand small { display:none; }
 .lzw-compose-wrap { padding:10px 12px 18px; }
 #layout-content { border-radius:16px; margin-right:10px; }
}
@media(max-width:767px) {
 .lzw-topbar { height:58px; padding:0 16px; }
 .lzw-brand { font-size:21px; gap:9px; }
 .lzw-brand img { width:30px; height:30px; }
 .lzw-account > span:first-child { display:none; }
 .lzw-avatar { width:31px; height:31px; font-size:14px; }
 body:not(.task-login) #layout { padding-top:58px; }
 #layout-menu, #layout-sidebar, #layout-list, #layout-content { border-radius:0; margin:0; }
 #messagelist tr td { padding-top:15px; padding-bottom:15px; }
 .task-login #layout-content { padding:28px 24px; border-radius:22px; }
 .lzw-compose-wrap { display:none; }
}
@media print {
 .lzw-topbar { display:none!important; }
 body:not(.task-login) #layout { padding-top:0; }
 #layout-content { border:0; margin:0; }
}

/* Real Elastic login layout: allow content to grow and the page to scroll.
   Scope every override to login so mail/settings/compose retain native layout. */
html:has(> body.task-login) { height:auto!important; min-height:100%; overflow-x:hidden!important; overflow-y:auto!important; }
body.task-login { position:static!important; height:auto!important; min-height:100vh; min-height:100svh; overflow-x:hidden!important; overflow-y:auto!important; }
body.task-login #layout {
 position:static!important; display:flex!important; flex-direction:column!important;
 align-items:center!important; justify-content:flex-start!important;
 width:100%!important; height:auto!important; min-height:100vh; min-height:100svh;
 overflow:visible!important; padding:28px 16px!important; box-sizing:border-box;
}
body.task-login #layout-content {
 position:relative!important; inset:auto!important; flex:none!important; display:block!important;
 box-sizing:border-box!important; width:100%!important; max-width:460px!important;
 height:auto!important; min-height:0!important; max-height:none!important;
 overflow:visible!important; margin:auto!important; padding:36px!important;
}
body.task-login #login-form { position:static!important; width:100%!important; max-width:none!important; height:auto!important; overflow:visible!important; margin:0!important; }
body.task-login #logo { position:static!important; display:block; margin:0 auto 24px!important; max-width:100%; }
body.task-login #login-footer { position:static!important; width:auto!important; height:auto!important; margin:24px 0 0!important; overflow-wrap:anywhere; }
body.task-login #rcmloginsubmit { position:static!important; display:block!important; visibility:visible!important; min-height:46px; width:100%; margin:24px 0 0!important; }
body.task-login .lzw-login-heading { position:static!important; text-align:center; }
@media(max-width:767px) {
 body.task-login #layout { padding:16px 12px max(20px,env(safe-area-inset-bottom))!important; }
 body.task-login #layout-content { padding:26px 22px!important; border-radius:22px; }
 body.task-login #logo { width:165px!important; margin-bottom:18px!important; }
 body.task-login .lzw-login-heading h2 { font-size:25px; }
 body.task-login .lzw-login-heading p { margin-bottom:24px; }
}
@media(max-height:540px) {
 body.task-login #layout { padding-top:12px!important; padding-bottom:20px!important; }
 body.task-login #layout-content { padding-top:22px!important; padding-bottom:22px!important; }
}