@import url("../../elastic/styles/styles.min.css");

:root{
  --kz-bg:#f5f5f7;
  --kz-bg-soft:#fbfbfd;
  --kz-surface:#ffffff;
  --kz-surface-muted:#f7f7f9;
  --kz-surface-pressed:#f2f2f5;
  --kz-border:#d2d2d7;
  --kz-border-soft:#e5e5ea;
  --kz-text:#1d1d1f;
  --kz-text-soft:#424245;
  --kz-muted:#6e6e73;
  --kz-primary:#0071e3;
  --kz-primary-hover:#0068d1;
  --kz-primary-soft:#e8f2ff;
  --kz-danger:#ff3b30;
  --kz-radius-lg:18px;
  --kz-radius-md:14px;
  --kz-radius-sm:10px;
  --kz-shadow-card:0 18px 50px rgba(0,0,0,.10);
  --kz-shadow-pop:0 18px 50px rgba(0,0,0,.14);
  --kz-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
html.dark-mode{
  --kz-bg:#101114;
  --kz-bg-soft:#15161a;
  --kz-surface:#1c1d22;
  --kz-surface-muted:#23242a;
  --kz-surface-pressed:#2d2e35;
  --kz-border:#3a3b44;
  --kz-border-soft:#2c2d34;
  --kz-text:#f5f5f7;
  --kz-text-soft:#d1d1d6;
  --kz-muted:#a1a1a6;
  --kz-primary:#0a84ff;
  --kz-primary-hover:#409cff;
  --kz-primary-soft:#102a44;
  --kz-shadow-card:0 22px 60px rgba(0,0,0,.42);
  --kz-shadow-pop:0 22px 60px rgba(0,0,0,.48);
  color-scheme:dark;
}
html,body{font-family:var(--kz-font)!important;background:var(--kz-bg)!important;color:var(--kz-text)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
html:not(.dark-mode){color-scheme:light;}
body{letter-spacing:-.01em;}
a{color:var(--kz-primary);}
a:hover{color:var(--kz-primary-hover);}
button,.button,a.button,input.button,input[type=button],input[type=submit],.btn,.ui-button{font-family:var(--kz-font)!important;border-radius:999px!important;box-shadow:none!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;}
button:focus,.button:focus,a.button:focus,input:focus,textarea:focus,select:focus,.form-control:focus{outline:none!important;border-color:var(--kz-primary)!important;box-shadow:0 0 0 4px rgba(0,113,227,.14)!important;}
input[type=text],input[type=password],input[type=email],input[type=search],input[type=number],textarea,select,.form-control,.custom-select{font-family:var(--kz-font)!important;border:1px solid var(--kz-border)!important;border-radius:var(--kz-radius-md)!important;background:var(--kz-surface)!important;color:var(--kz-text)!important;box-shadow:none!important;}
input::placeholder,textarea::placeholder{color:#8e8e93!important;}
html.dark-mode input::placeholder,html.dark-mode textarea::placeholder{color:#7c7c82!important;}

body.task-login{min-height:100vh;background:linear-gradient(180deg,#fbfbfd 0%,#f5f5f7 64%,#efeff2 100%)!important;}
body.task-login:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(0,113,227,.10),transparent 34%),radial-gradient(circle at 92% 94%,rgba(52,199,89,.06),transparent 30%)!important;}
html.dark-mode body.task-login{background:linear-gradient(180deg,#17181d 0%,#101114 100%)!important;}
html.dark-mode body.task-login:before{background:radial-gradient(circle at 50% -10%,rgba(10,132,255,.20),transparent 34%),radial-gradient(circle at 92% 94%,rgba(48,209,88,.10),transparent 30%)!important;}
body.task-login #layout{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px!important;background:transparent!important;}
body.task-login #layout-content{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:min(420px,calc(100vw - 32px))!important;max-width:420px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:32px 30px 24px!important;overflow:visible!important;border:1px solid rgba(210,210,215,.82)!important;border-radius:28px!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--kz-shadow-card)!important;backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);}
html.dark-mode body.task-login #layout-content{border-color:rgba(58,59,68,.86)!important;background:rgba(28,29,34,.94)!important;}
body.task-login #layout-content:before{order:1!important;content:"邮箱登录"!important;display:block!important;margin:0 0 22px!important;text-align:center!important;font-size:28px!important;font-weight:700!important;line-height:1.18!important;letter-spacing:-.04em!important;color:var(--kz-text)!important;}
body.task-login #layout-content:after{content:none!important;display:none!important;}
body.task-login #logo{order:0!important;display:block!important;position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:60px!important;max-width:60px!important;height:60px!important;margin:0 auto 18px!important;border-radius:18px!important;transform:none!important;filter:none!important;object-fit:contain!important;}
body.task-login #login-form{order:2!important;display:flex!important;flex-direction:column!important;position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;align-self:center!important;width:min(100%,320px)!important;max-width:320px!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;}
body.task-login #login-form:before{content:none!important;display:none!important;}
body.task-login #login-form table{order:1!important;display:block!important;width:100%!important;margin:0!important;border-collapse:collapse!important;border-spacing:0!important;}
body.task-login #login-form tbody,body.task-login #login-form tr{display:block!important;width:100%!important;}
body.task-login #login-form tr{margin:0 0 12px!important;}
body.task-login #login-form td.title{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;}
body.task-login #login-form td.title label{margin:0!important;}
body.task-login #login-form .input-group-prepend{display:none!important;width:0!important;height:0!important;overflow:hidden!important;}
body.task-login #login-form td.input,body.task-login #login-form td.input.input-group{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
body.task-login #login-form td.input input.form-control,body.task-login #login-form td.input input[type=text],body.task-login #login-form td.input input[type=password],body.task-login #login-form td.input input[type=email]{display:block!important;width:100%!important;max-width:none!important;height:46px!important;margin:0!important;padding:0 14px!important;border:1px solid var(--kz-border)!important;border-radius:var(--kz-radius-md)!important;background:var(--kz-surface-muted)!important;color:var(--kz-text)!important;font-size:15px!important;line-height:46px!important;box-shadow:none!important;}
body.task-login #login-form td.input:focus-within input.form-control{border-color:var(--kz-primary)!important;background:var(--kz-surface)!important;box-shadow:0 0 0 4px rgba(0,113,227,.14)!important;}
body.task-login #login-form .formbuttons{order:2!important;width:100%!important;margin:4px 0 0!important;padding:0!important;}
body.task-login #rcmloginsubmit,body.task-login #login-form input[type=submit],body.task-login #login-form button[type=submit]{width:100%!important;height:46px!important;margin:0!important;border:0!important;border-radius:999px!important;background:var(--kz-primary)!important;color:#fff!important;font-size:15px!important;font-weight:700!important;}
body.task-login #rcmloginsubmit:hover,body.task-login #login-form input[type=submit]:hover,body.task-login #login-form button[type=submit]:hover{background:var(--kz-primary-hover)!important;}
body.task-login #rcmloginsubmit[disabled]{opacity:.72!important;cursor:default!important;}
body.task-login #login-footer{order:3!important;width:100%!important;margin:18px auto 0!important;padding:16px 0 0!important;border-top:1px solid var(--kz-border-soft)!important;text-align:center!important;color:var(--kz-muted)!important;font-size:12px!important;line-height:1.5!important;}
body.task-login #login-footer *,body.task-login #login-footer a{color:var(--kz-muted)!important;text-decoration:none!important;}
body.task-login #login-footer a:hover{color:var(--kz-primary)!important;}
body.task-login .voice,body.task-login h1.voice{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;}

body:not(.task-login),body:not(.task-login) #layout{background:var(--kz-bg)!important;color:var(--kz-text)!important;}
body:not(.task-login) #layout-menu{background:rgba(255,255,255,.96)!important;border-right:1px solid var(--kz-border-soft)!important;box-shadow:none!important;}
html.dark-mode body:not(.task-login) #layout-menu{background:rgba(28,29,34,.98)!important;}
body:not(.task-login) #layout-menu .popover-header{min-height:64px!important;background:var(--kz-surface)!important;border-bottom:1px solid var(--kz-border-soft)!important;}
body:not(.task-login) #layout-menu .popover-header #logo{width:44px!important;height:44px!important;margin:10px auto!important;border-radius:12px!important;object-fit:contain!important;opacity:1!important;filter:none!important;}
body:not(.task-login) #layout-menu .popover-header .button.cancel{color:var(--kz-text-soft)!important;}
body:not(.task-login) #layout-sidebar{background:var(--kz-surface-muted)!important;border-right:1px solid var(--kz-border-soft)!important;}
body:not(.task-login) #layout-list{background:var(--kz-surface)!important;border-right:1px solid var(--kz-border-soft)!important;}
body:not(.task-login) #layout-content{background:var(--kz-bg-soft)!important;}
body:not(.task-login) #layout-menu,body:not(.task-login) #layout-sidebar,body:not(.task-login) #layout-list,body:not(.task-login) #layout-content,body:not(.task-login) .uibox,body:not(.task-login) .box,body:not(.task-login) .listbox{border-color:var(--kz-border-soft)!important;}
body:not(.task-login) .toolbar,body:not(.task-login) #layout-sidebar .header,body:not(.task-login) #layout-list .header,body:not(.task-login) #layout-content .header,body:not(.task-login) .listing thead th,body:not(.task-login) .uibox .boxtitle,body:not(.task-login) .box .boxtitle{min-height:50px;background:rgba(255,255,255,.96)!important;color:var(--kz-text)!important;border-color:var(--kz-border-soft)!important;font-weight:650!important;box-shadow:none!important;}
html.dark-mode body:not(.task-login) .toolbar,html.dark-mode body:not(.task-login) #layout-sidebar .header,html.dark-mode body:not(.task-login) #layout-list .header,html.dark-mode body:not(.task-login) #layout-content .header,html.dark-mode body:not(.task-login) .listing thead th,html.dark-mode body:not(.task-login) .uibox .boxtitle,html.dark-mode body:not(.task-login) .box .boxtitle{background:rgba(28,29,34,.96)!important;color:var(--kz-text)!important;}
body:not(.task-login) .toolbar a.button,body:not(.task-login) .toolbar button,body:not(.task-login) .toolbar .button{min-height:34px;border:1px solid transparent!important;border-radius:var(--kz-radius-sm)!important;background:transparent!important;color:var(--kz-text-soft)!important;}
body:not(.task-login) .toolbar a.button:hover,body:not(.task-login) .toolbar button:hover,body:not(.task-login) .toolbar .button:hover{background:var(--kz-surface-muted)!important;color:var(--kz-text)!important;border-color:var(--kz-border-soft)!important;}
body:not(.task-login) .btn-primary,body:not(.task-login) button.primary,body:not(.task-login) button.mainaction,body:not(.task-login) input.mainaction{border-color:var(--kz-primary)!important;background:var(--kz-primary)!important;color:#fff!important;}
body:not(.task-login) .btn-secondary,body:not(.task-login) .btn:not(.btn-primary):not(.btn-danger),body:not(.task-login) button.btn-secondary{border-color:var(--kz-border-soft)!important;background:var(--kz-surface-muted)!important;color:var(--kz-text-soft)!important;}
body:not(.task-login) .btn-danger{border-color:var(--kz-danger)!important;background:var(--kz-danger)!important;color:#fff!important;}
body:not(.task-login) #layout-menu .menu a,body:not(.task-login) #layout-menu .special-buttons a,body:not(.task-login) #mailboxlist li.mailbox a,body:not(.task-login) #directorylist li.addressbook a,body:not(.task-login) #settings-menu li a{border-radius:var(--kz-radius-sm)!important;color:var(--kz-text-soft)!important;}
body:not(.task-login) #layout-menu .menu a:hover,body:not(.task-login) #layout-menu .special-buttons a:hover,body:not(.task-login) #mailboxlist li.mailbox a:hover,body:not(.task-login) #directorylist li.addressbook a:hover,body:not(.task-login) #settings-menu li a:hover,body:not(.task-login) .listing li:hover,body:not(.task-login) .listing tbody tr:hover,body:not(.task-login) .listbox li:hover{background:var(--kz-surface-pressed)!important;color:var(--kz-text)!important;}
body:not(.task-login) #layout-menu .menu a.selected,body:not(.task-login) #layout-menu .menu a.active,body:not(.task-login) #layout-menu .special-buttons a.selected{background:var(--kz-primary)!important;color:#fff!important;}
body:not(.task-login) #mailboxlist li.mailbox.selected>a,body:not(.task-login) #directorylist li.addressbook.selected>a,body:not(.task-login) #settings-menu li.selected>a,body:not(.task-login) .listing li.selected,body:not(.task-login) .listing tbody tr.selected,body:not(.task-login) .listing tr.selected,body:not(.task-login) .listbox li.selected{background:var(--kz-primary-soft)!important;color:var(--kz-primary)!important;font-weight:650!important;}
body:not(.task-login) .listing li,body:not(.task-login) .listing tbody tr,body:not(.task-login) .listing tr.message,body:not(.task-login) .listbox li,body:not(.task-login) .treelist li{border-color:var(--kz-border-soft)!important;}
body:not(.task-login) .listing li a,body:not(.task-login) .listing tbody td,body:not(.task-login) .listing tbody td a,body:not(.task-login) .treelist li a{color:var(--kz-text)!important;}
body:not(.task-login) .listing li.unread,body:not(.task-login) .listing tr.unread{font-weight:700!important;color:var(--kz-text)!important;}
body:not(.task-login) .searchbar,body:not(.task-login) .searchbox{border:1px solid var(--kz-border-soft)!important;border-radius:999px!important;background:var(--kz-surface)!important;box-shadow:none!important;}
body:not(.task-login) .searchbar input,body:not(.task-login) .searchbox input{border:0!important;background:transparent!important;box-shadow:none!important;color:var(--kz-text)!important;}
body:not(.task-login) #messagebody,body:not(.task-login) .message-part,body:not(.task-login) .message-htmlpart,body:not(.task-login) .contact-header,body:not(.task-login) .contact-details,body:not(.task-login) .properties,body:not(.task-login) .propform,body:not(.task-login) .formcontent,body:not(.task-login) .settingsbox,body:not(.task-login) .composebody,body:not(.task-login) .compose-headers,body:not(.task-login) .popupmenu,body:not(.task-login) .popover,body:not(.task-login) .popover-header,body:not(.task-login) .popover-body,body:not(.task-login) .ui-dialog,body:not(.task-login) .ui-dialog-content,body:not(.task-login) .iframe-wrapper{background:var(--kz-surface)!important;color:var(--kz-text)!important;border-color:var(--kz-border-soft)!important;box-shadow:none!important;}
body:not(.task-login) #messagebody,body:not(.task-login) .message-part,body:not(.task-login) .contact-header,body:not(.task-login) .properties,body:not(.task-login) .propform,body:not(.task-login) .settingsbox,body:not(.task-login) .composebody{border-radius:16px!important;}
body:not(.task-login) .formcontent,body:not(.task-login) .propform{padding:18px!important;}
body:not(.task-login) .popupmenu{padding:6px!important;border:1px solid var(--kz-border-soft)!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important;}
body:not(.task-login) .popupmenu a,body:not(.task-login) .popupmenu li a{border-radius:9px!important;color:var(--kz-text-soft)!important;}
body:not(.task-login) .popupmenu a:hover,body:not(.task-login) .popupmenu li a:hover{background:var(--kz-surface-muted)!important;color:var(--kz-text)!important;}
body:not(.task-login) .ui-dialog{border-radius:20px!important;box-shadow:var(--kz-shadow-pop)!important;overflow:hidden!important;}
body:not(.task-login) .ui-dialog .ui-dialog-titlebar{background:var(--kz-surface)!important;border-bottom:1px solid var(--kz-border-soft)!important;color:var(--kz-text)!important;font-weight:700!important;}
body:not(.task-login) .tabsbar .tablink,body:not(.task-login) .tabsbar a{border-radius:999px!important;}
body:not(.task-login) .tabsbar .selected,body:not(.task-login) .tabsbar .tablink.selected{background:var(--kz-primary-soft)!important;color:var(--kz-primary)!important;}
body:not(.task-login) .quota-widget,body:not(.task-login) .pagenav,body:not(.task-login) .footer,body:not(.task-login) .listing-info,body:not(.task-login) .description,body:not(.task-login) .hint{color:var(--kz-muted)!important;}
body:not(.task-login) .frame-content,body:not(.task-login) .iframe-wrapper iframe{background:var(--kz-surface)!important;}
html.dark-mode body:not(.task-login) iframe{background:var(--kz-surface)!important;color:var(--kz-text)!important;}

body.task-settings #layout-content .propform input[type=password],body.task-settings #layout-content .propform input[type=text]{height:42px!important;max-width:360px!important;}
body.task-settings #layout-content .propform label{color:var(--kz-text-soft)!important;font-weight:600!important;}
body.task-settings #layout-content .propform .formbuttons input,body.task-settings #layout-content .propform .formbuttons button{min-width:120px!important;height:40px!important;border:0!important;background:var(--kz-primary)!important;color:#fff!important;}
body.task-settings #layout-content .propform .formbuttons input:hover,body.task-settings #layout-content .propform .formbuttons button:hover{background:var(--kz-primary-hover)!important;}
body.task-mail.action-compose #layout-content,body.task-mail.action-compose .compose-headers,body.task-mail.action-compose .composebody{background:var(--kz-surface)!important;}
body.task-mail.action-compose .compose-headers{border-bottom:1px solid var(--kz-border-soft)!important;}
body.task-mail.action-compose .compose-headers input,body.task-mail.action-compose .compose-headers textarea{border-radius:var(--kz-radius-sm)!important;}

#messagestack .notice,#messagestack .warning,#messagestack .error,#messagestack .confirmation,#messagestack .alert{border:1px solid var(--kz-border-soft)!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important;}

@media (max-width:900px){
  body.task-login #layout{align-items:flex-start!important;padding:8vh 18px 18px!important;}
  body.task-login #layout-content{padding:32px 24px 24px!important;border-radius:24px!important;}
  body:not(.task-login) .toolbar a.button,body:not(.task-login) .toolbar button,body:not(.task-login) .toolbar .button{min-height:40px!important;}
}
@media (max-width:600px){
  body.task-login #layout{padding:6vh 14px 14px!important;}
  body.task-login #layout-content{width:calc(100vw - 28px)!important;padding:28px 22px 22px!important;border-radius:24px!important;}
  body.task-login #layout-content:before{font-size:25px!important;margin-bottom:20px!important;}
  body.task-login #logo{width:56px!important;height:56px!important;margin-bottom:16px!important;}
  body.task-login #login-form{width:100%!important;max-width:none!important;}
  body.task-login #login-form td.input input.form-control,body.task-login #rcmloginsubmit{height:46px!important;}
}

/* targeted fix: menu logo and light-mode bottom task buttons */
body:not(.task-login) #layout-menu .popover-header{background:var(--kz-surface)!important;border-bottom:1px solid var(--kz-border-soft)!important;}
body:not(.task-login) #layout-menu .popover-header #logo{display:block!important;width:52px!important;height:52px!important;margin:8px auto!important;padding:0!important;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important;opacity:1!important;filter:none!important;}
body:not(.task-login) #layout-menu .special-buttons{background:var(--kz-surface)!important;border-top:1px solid var(--kz-border-soft)!important;box-shadow:none!important;}
body:not(.task-login) #layout-menu .special-buttons a{background:transparent!important;color:var(--kz-text-soft)!important;opacity:1!important;}
body:not(.task-login) #layout-menu .special-buttons a:before{color:var(--kz-text-soft)!important;opacity:1!important;}
body:not(.task-login) #layout-menu .special-buttons a:hover{background:var(--kz-surface-pressed)!important;color:var(--kz-text)!important;}
body:not(.task-login) #layout-menu .special-buttons a:hover:before{color:var(--kz-text)!important;}
html.dark-mode body:not(.task-login) #layout-menu .popover-header,html.dark-mode body:not(.task-login) #layout-menu .special-buttons{background:var(--kz-surface)!important;border-color:var(--kz-border-soft)!important;}
html.dark-mode body:not(.task-login) #layout-menu .special-buttons a{background:transparent!important;color:var(--kz-text-soft)!important;}
html.dark-mode body:not(.task-login) #layout-menu .special-buttons a:before{color:var(--kz-text-soft)!important;}
html.dark-mode body:not(.task-login) #layout-menu .special-buttons a:hover{background:var(--kz-surface-pressed)!important;color:var(--kz-text)!important;}

/* targeted fix: force custom menu logo and constrain page jumper popover */
body:not(.task-login) #layout-menu .popover-header img#logo{display:block!important;width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;margin:6px auto!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important;opacity:1!important;filter:none!important;}
body:not(.task-login) .popover.select-menu{min-width:88px!important;max-width:112px!important;width:auto!important;border:1px solid var(--kz-border-soft)!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(0,0,0,.14)!important;overflow:hidden!important;}
body:not(.task-login) .popover.select-menu .popover-header{display:none!important;}
body:not(.task-login) .popover.select-menu .popover-body{max-height:240px!important;padding:6px!important;overflow:auto!important;background:var(--kz-surface)!important;color:var(--kz-text)!important;}
body:not(.task-login) .popover.select-menu .listing{margin:0!important;padding:0!important;background:transparent!important;border:0!important;}
body:not(.task-login) .popover.select-menu .listing li{border:0!important;margin:0!important;background:transparent!important;}
body:not(.task-login) .popover.select-menu .listing li a{display:block!important;min-height:34px!important;line-height:34px!important;padding:0 12px!important;border-radius:10px!important;border:0!important;background:transparent!important;color:var(--kz-text)!important;font-size:14px!important;text-decoration:none!important;}
body:not(.task-login) .popover.select-menu .listing li a.selected,body:not(.task-login) .popover.select-menu .listing li a:hover{background:var(--kz-primary-soft)!important;color:var(--kz-primary)!important;}
body:not(.task-login) .menu.pagenav input,body:not(.task-login) .pagenav input{height:34px!important;min-width:54px!important;max-width:70px!important;border-radius:999px!important;text-align:center!important;background:var(--kz-surface)!important;color:var(--kz-text)!important;border:1px solid var(--kz-border)!important;}
html.dark-mode body:not(.task-login) .popover.select-menu{box-shadow:0 18px 44px rgba(0,0,0,.46)!important;}
html.dark-mode body:not(.task-login) .popover.select-menu .popover-body{background:var(--kz-surface)!important;color:var(--kz-text)!important;}

/* targeted fix: Roundcube page jumper popup (#pagejump-selector) */
body:not(.task-login) #pagejump-selector.popupmenu{min-width:88px!important;max-width:112px!important;width:auto!important;max-height:260px!important;padding:6px!important;overflow:auto!important;border:1px solid var(--kz-border-soft)!important;border-radius:18px!important;background:var(--kz-surface)!important;color:var(--kz-text)!important;box-shadow:0 12px 34px rgba(0,0,0,.14)!important;}
body:not(.task-login) #pagejump-selector.popupmenu ul{margin:0!important;padding:0!important;background:transparent!important;border:0!important;}
body:not(.task-login) #pagejump-selector.popupmenu li{display:block!important;min-height:34px!important;line-height:34px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--kz-text)!important;font-size:14px!important;text-align:left!important;cursor:pointer!important;}
body:not(.task-login) #pagejump-selector.popupmenu li.selected,body:not(.task-login) #pagejump-selector.popupmenu li:hover{background:var(--kz-primary-soft)!important;color:var(--kz-primary)!important;}
html.dark-mode body:not(.task-login) #pagejump-selector.popupmenu{background:var(--kz-surface)!important;color:var(--kz-text)!important;box-shadow:0 18px 44px rgba(0,0,0,.46)!important;}

body.task-login .apple-register-actions{order:3!important;width:min(100%,320px)!important;max-width:320px!important;margin:12px auto 0!important;text-align:center!important;font-size:14px!important;font-weight:700!important;}body.task-login .apple-register-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 14px!important;border:1px solid var(--kz-border)!important;border-radius:999px!important;background:var(--kz-surface)!important;color:var(--kz-primary)!important;text-decoration:none!important;}body.task-login .apple-register-actions a:hover{background:var(--kz-soft-blue)!important;}html.dark-mode body.task-login .apple-register-actions a{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;color:#5eb0ff!important;}

/* targeted fix: Apple-style mail reading pane and dark HTML message contrast */
body.task-mail #layout-content{background:var(--kz-bg)!important;}
body.task-mail #layout-content>.header{background:rgba(255,255,255,.82)!important;border-bottom:1px solid var(--kz-border-soft)!important;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);}
html.dark-mode body.task-mail #layout-content>.header{background:rgba(28,29,34,.84)!important;}
body.task-mail .iframe-wrapper{background:var(--kz-bg)!important;}
body.task-mail .content.frame-content{box-sizing:border-box!important;min-height:100vh!important;padding:18px 20px 28px!important;background:var(--kz-bg)!important;color:var(--kz-text)!important;}
body.task-mail #message-header{box-sizing:border-box!important;max-width:1080px!important;margin:0 auto 14px!important;padding:18px 20px!important;border:1px solid var(--kz-border-soft)!important;border-radius:24px!important;background:var(--kz-surface)!important;color:var(--kz-text)!important;box-shadow:0 14px 44px rgba(0,0,0,.06)!important;}
html.dark-mode body.task-mail #message-header{box-shadow:0 18px 50px rgba(0,0,0,.28)!important;}
body.task-mail #message-header>.subject{margin:0 0 14px!important;padding:0!important;color:var(--kz-text)!important;font-size:24px!important;font-weight:750!important;line-height:1.22!important;letter-spacing:-.035em!important;}
body.task-mail #message-header>.header{display:flex!important;align-items:flex-start!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
body.task-mail #message-header img.contactphoto{width:54px!important;height:54px!important;margin:0 14px 0 0!important;border-radius:18px!important;background:var(--kz-surface-muted)!important;object-fit:cover!important;}
body.task-mail #message-header .header-content{min-height:0!important;color:var(--kz-text-soft)!important;}
body.task-mail #message-header .header-summary,body.task-mail #message-header .header-headers{color:var(--kz-text-soft)!important;line-height:1.55!important;}
body.task-mail #message-header .header-summary a,body.task-mail #message-header .header-headers a{color:var(--kz-primary)!important;font-weight:650!important;}
body.task-mail #message-header .header-headers .header-title{color:var(--kz-muted)!important;font-weight:650!important;}
body.task-mail #message-header .header-links{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important;}
body.task-mail #message-header .header-links a{display:inline-flex!important;align-items:center!important;min-height:30px!important;margin:0!important;padding:0 11px!important;border:1px solid var(--kz-border-soft)!important;border-radius:999px!important;background:var(--kz-surface-muted)!important;color:var(--kz-primary)!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important;}
body.task-mail #message-header .header-links a:before{height:auto!important;line-height:1!important;margin-right:6px!important;}
body.task-mail #message-header .header-links a:hover{background:var(--kz-primary-soft)!important;border-color:transparent!important;color:var(--kz-primary)!important;}
body.task-mail #message-content{display:block!important;box-sizing:border-box!important;max-width:1080px!important;margin:0 auto!important;background:transparent!important;color:var(--kz-text)!important;}
body.task-mail #message-content .leftcol{width:auto!important;max-width:1080px!important;margin:0 auto 12px!important;padding:0!important;background:transparent!important;}
body.task-mail #message-content .rightcol{width:auto!important;margin:0!important;padding:0!important;background:transparent!important;}
body.task-mail #messagebody{box-sizing:border-box!important;min-height:360px!important;margin:0!important;padding:22px!important;border:1px solid var(--kz-border-soft)!important;border-radius:26px!important;background:var(--kz-surface)!important;color:var(--kz-text)!important;box-shadow:0 14px 44px rgba(0,0,0,.06)!important;overflow:auto!important;}
html.dark-mode body.task-mail #messagebody{box-shadow:0 18px 50px rgba(0,0,0,.28)!important;}
body.task-mail .message-part,body.task-mail .message-htmlpart{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--kz-text)!important;}
body.task-mail .message-part:not(:first-child),body.task-mail .message-htmlpart:not(:first-child){margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--kz-border-soft)!important;}
body.task-mail .message-htmlpart div.rcmBody{box-sizing:border-box!important;max-width:960px!important;margin:0 auto!important;padding:26px!important;border:1px solid var(--kz-border-soft)!important;border-radius:22px!important;background:var(--kz-surface-muted)!important;color:var(--kz-text)!important;overflow:auto!important;}
html.dark-mode body.task-mail .message-htmlpart div.rcmBody{background:var(--kz-surface-muted)!important;color:var(--kz-text)!important;}
html.dark-mode body.task-mail .message-htmlpart div.rcmBody table,html.dark-mode body.task-mail .message-htmlpart div.rcmBody tbody,html.dark-mode body.task-mail .message-htmlpart div.rcmBody thead,html.dark-mode body.task-mail .message-htmlpart div.rcmBody tfoot,html.dark-mode body.task-mail .message-htmlpart div.rcmBody tr,html.dark-mode body.task-mail .message-htmlpart div.rcmBody td,html.dark-mode body.task-mail .message-htmlpart div.rcmBody th,html.dark-mode body.task-mail .message-htmlpart div.rcmBody div,html.dark-mode body.task-mail .message-htmlpart div.rcmBody section,html.dark-mode body.task-mail .message-htmlpart div.rcmBody article,html.dark-mode body.task-mail .message-htmlpart div.rcmBody center{background-color:transparent!important;border-color:var(--kz-border-soft)!important;}
html.dark-mode body.task-mail .message-htmlpart div.rcmBody p,html.dark-mode body.task-mail .message-htmlpart div.rcmBody span,html.dark-mode body.task-mail .message-htmlpart div.rcmBody li,html.dark-mode body.task-mail .message-htmlpart div.rcmBody font,html.dark-mode body.task-mail .message-htmlpart div.rcmBody strong,html.dark-mode body.task-mail .message-htmlpart div.rcmBody b,html.dark-mode body.task-mail .message-htmlpart div.rcmBody em,html.dark-mode body.task-mail .message-htmlpart div.rcmBody h1,html.dark-mode body.task-mail .message-htmlpart div.rcmBody h2,html.dark-mode body.task-mail .message-htmlpart div.rcmBody h3,html.dark-mode body.task-mail .message-htmlpart div.rcmBody h4{color:var(--kz-text-soft)!important;}
html.dark-mode body.task-mail .message-htmlpart div.rcmBody h1,html.dark-mode body.task-mail .message-htmlpart div.rcmBody h2,html.dark-mode body.task-mail .message-htmlpart div.rcmBody h3{color:var(--kz-text)!important;font-weight:750!important;}
html.dark-mode body.task-mail .message-htmlpart div.rcmBody a{color:var(--kz-primary-hover)!important;font-weight:650!important;}
html.dark-mode body.task-mail .message-htmlpart div.rcmBody img{opacity:.98!important;filter:none!important;}
body.task-mail .rcmail-inline-message{border:1px solid rgba(255,204,0,.24)!important;border-radius:16px!important;background:rgba(255,204,0,.14)!important;color:var(--kz-text-soft)!important;}
@media (max-width:900px){body.task-mail .content.frame-content{padding:12px 12px 20px!important;}body.task-mail #message-header{padding:16px!important;border-radius:20px!important;}body.task-mail #message-header>.subject{font-size:21px!important;}body.task-mail #messagebody{padding:14px!important;border-radius:20px!important;}body.task-mail .message-htmlpart div.rcmBody{padding:16px!important;border-radius:18px!important;}}

/* targeted fix: dark-mode fields/cards inside external HTML emails */
html.dark-mode body.task-mail .message-htmlpart div.rcmBody input,
html.dark-mode body.task-mail .message-htmlpart div.rcmBody textarea,
html.dark-mode body.task-mail .message-htmlpart div.rcmBody select,
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [role="textbox"]{
  background:var(--kz-surface)!important;
  color:var(--kz-text)!important;
  border:1px solid var(--kz-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html.dark-mode body.task-mail .message-htmlpart div.rcmBody input::placeholder,
html.dark-mode body.task-mail .message-htmlpart div.rcmBody textarea::placeholder{color:var(--kz-muted)!important;}
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background:#fff"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background: #fff"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background-color:#fff"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background-color: #fff"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background:#ffffff"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background: #ffffff"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background-color:#ffffff"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background-color: #ffffff"]{
  background:var(--kz-surface)!important;
  color:var(--kz-text)!important;
  border-color:var(--kz-border-soft)!important;
}
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background:#f5f5f7"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background: #f5f5f7"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background-color:#f5f5f7"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background-color: #f5f5f7"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background:#f7f7f9"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background: #f7f7f9"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background-color:#f7f7f9"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="background-color: #f7f7f9"]{
  background:var(--kz-surface-muted)!important;
  color:var(--kz-text)!important;
  border-color:var(--kz-border-soft)!important;
}

/* targeted fix: dark-mode verification code text inside light email blocks */
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="#F3F3F3"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="#f3f3f3"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="font-family: Menlo"],
html.dark-mode body.task-mail .message-htmlpart div.rcmBody [style*="font-family:Menlo"]{
  background:#f5f5f7!important;
  color:#000!important;
  -webkit-text-fill-color:#000!important;
  border-color:#e5e5ea!important;
}