/* Yasa Webmail. Login overrides stay separate from Roundcube's mail workspace. */
@font-face{font-family:"DM Sans";src:url('/brand/nexus-dm-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url('/brand/nexus-dm-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url('/brand/nexus-space-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
.wm-landing,.task-login{--wm-bg:#101314;--wm-panel:#191d1f;--wm-line:#343b3e;--wm-text:#e8eaec;--wm-muted:#b2bbc1;--wm-accent:#f3ad60;background:var(--wm-bg);color:var(--wm-text);font:400 16px/1.6 "DM Sans",system-ui,sans-serif}
.wm-landing{margin:0;min-width:0}
.wm-landing *, .task-login .wm-main *, .task-login .wm-skip{box-sizing:border-box}
.wm-main{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:0 48px}
.wm-entry{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:100px;align-items:center;padding:78px 0 64px}
.wm-story{min-width:0}
.wm-eyebrow{display:flex;align-items:center;gap:9px;color:var(--wm-accent);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin:0 0 25px}
.wm-eyebrow img{flex:none;object-fit:contain}
.wm-main h1,.wm-main h2{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:500;letter-spacing:-.045em;color:var(--wm-text)}
.wm-main h1{font-size:clamp(39px,4.6vw,68px);line-height:1.08;margin:0 0 25px;overflow-wrap:normal}
.wm-main h1 span{color:var(--wm-accent)}
.wm-main .wm-intro{max-width:520px;font-size:17px;line-height:1.7;color:var(--wm-muted);margin:0}
.wm-mail-art{position:relative;width:330px;max-width:100%;margin-top:38px;color:var(--wm-accent)}
.wm-mail-art>svg{display:block;width:100%;height:auto;stroke:currentColor;stroke-width:1.3}
.wm-mail-art .wm-art-mark{stroke-width:2.5;stroke-linecap:round}
.wm-mail-art>span{display:block;margin:4px 0 0 34px;font-size:10px;letter-spacing:.07em;color:#879398}
.wm-stamp{position:absolute;right:8px;top:10px;width:58px;height:65px;display:grid;place-items:center;background:var(--wm-bg);border:1px solid #735333;transform:rotate(8deg)}
.wm-stamp img{opacity:.95}
.wm-card{position:relative;min-width:0;padding:34px;background:var(--wm-panel);border:1px solid var(--wm-line);border-top:3px solid var(--wm-accent);border-radius:9px;box-shadow:0 18px 55px #0002}
.wm-card-icon{width:54px;height:54px;display:grid;place-items:center;background:#f3ad600a;border:1px solid #f3ad6036;border-radius:8px;margin-bottom:25px}
.wm-card .wm-step{font-size:10px;color:var(--wm-accent);font-weight:600;letter-spacing:.12em;margin:0 0 9px}
.wm-card h2{font-size:29px;line-height:1.2;letter-spacing:-.035em;margin:0 0 17px}
.wm-card>p:not(.wm-step){font-size:14px;line-height:1.7;color:var(--wm-muted);margin:0 0 23px}
.wm-main a{color:var(--wm-accent);text-decoration:none}
.wm-main a:hover{color:#ffd19e;text-decoration:underline;text-underline-offset:4px}
.wm-main a:focus-visible,.wm-main button:focus-visible,.wm-main input:focus-visible{outline:3px solid #ffd19e;outline-offset:4px}
.wm-main .wm-button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:49px;padding:12px 17px;background:var(--wm-accent);border:1px solid var(--wm-accent);border-radius:5px;color:#15191b;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}
.wm-main .wm-button:hover{color:#15191b;background:#ffc487;border-color:#ffc487;text-decoration:none}
.wm-button>span{font-size:22px;line-height:1}
.wm-card .wm-create{font-size:12px!important;text-align:center;margin:17px 0 25px!important}
.wm-create a{white-space:nowrap}
.wm-mailbox-note{display:flex;align-items:flex-start;gap:15px;border-top:1px solid var(--wm-line);padding-top:23px}
.wm-note-number{font:500 13px/1.8 "Space Grotesk",system-ui,sans-serif;color:var(--wm-accent);flex:none}
.wm-mailbox-note p{font-size:12px;line-height:1.7;color:var(--wm-muted);margin:0}
.wm-mailbox-note strong{font-weight:600;color:var(--wm-text)}
.wm-support{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--wm-line);padding:28px 0 38px}
.wm-support h2{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:0 0 8px}
.wm-support p{font-size:12px;color:var(--wm-muted);margin:0;max-width:700px}
.wm-support>a{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:600;flex:none}
.wm-skip{position:absolute;left:20px;top:-90px;z-index:1000;background:#f3ad60;color:#15191b;padding:12px 17px;border-radius:4px;font:600 14px/1.5 "DM Sans",system-ui,sans-serif}
.wm-skip:focus{top:12px;color:#15191b}
/* Elastic's login layout is replaced by the branded shell; native form and CSRF stay intact. */
.task-login{height:auto;min-height:100vh;min-width:0;overflow:auto;margin:0}
.task-login #layout{height:auto;min-height:100vh;display:block;overflow:visible;background:var(--wm-bg)}
.task-login #layout-content.wm-main{display:block;position:relative;left:auto;right:auto;top:auto;bottom:auto;flex:none;width:100%;max-width:1400px;min-width:0;height:auto;min-height:0;margin:0 auto;padding:0 48px;background:transparent;overflow:visible;border:0;text-align:left}
.task-login #layout-content.wm-main .wm-entry{max-width:none;margin:0}
.task-login .wm-login-card #login-form{position:static;top:auto;right:auto;bottom:auto;left:auto;width:100%;max-width:none;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;text-align:left}
.task-login .wm-login-card #login-form table{width:100%;border-collapse:separate;border-spacing:0 12px;margin:0}
.task-login .wm-login-card #login-form td{padding:0;vertical-align:middle;border:0;background:transparent;color:var(--wm-muted)}
.task-login .wm-login-card #login-form td.title{width:36px;text-align:left;font-size:14px}
.task-login .wm-login-card #login-form table,.task-login .wm-login-card #login-form tbody,.task-login .wm-login-card #login-form tr,.task-login .wm-login-card #login-form td{display:block;width:100%;max-width:100%;margin:0}
.task-login .wm-login-card #login-form tr{margin:0 0 15px}
.task-login .wm-login-card #login-form td.title{display:block;width:100%;font-size:12px;font-weight:600;padding:0 0 6px;color:var(--wm-text)}
.task-login .wm-login-card #login-form td.title label{margin:0;color:inherit}
.task-login .wm-login-card #login-form .input-group-prepend{display:none}
.task-login .wm-login-card #login-form input[type=hidden]{display:none}
.task-login .wm-login-card #login-form td.title{display:block!important}
.task-login .wm-login-card #login-form .input-group{position:static}
.task-login #messagestack{position:fixed;top:100px;right:20px;z-index:10000;max-width:min(420px,calc(100vw - 40px));font:14px/1.5 "DM Sans",system-ui,sans-serif}
.task-login #messagestack>div{padding:15px 20px;border:1px solid #936133;border-radius:6px;background:#302319;color:#ffce9e;box-shadow:0 8px 30px #0004}
.task-login .voice{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.task-login .hidden{display:none!important}
.task-login .wm-login-card #login-form input[type=text],.task-login .wm-login-card #login-form input[type=email],.task-login .wm-login-card #login-form input[type=password]{display:block;width:100%;min-height:48px;height:auto;padding:12px 13px;background:#101415;color:var(--wm-text);border:1px solid #455057;border-radius:5px;box-shadow:none;font:400 14px/1.5 "DM Sans",system-ui,sans-serif}
.task-login .wm-login-card #login-form input::placeholder{color:#9ea9af;opacity:1}
.task-login .wm-login-card #login-form input:focus{border-color:var(--wm-accent);outline:2px solid #f3ad6033;outline-offset:2px}
.task-login .wm-login-card #login-form p.formbuttons{padding:0;margin:17px 0 15px;display:block}
.task-login .wm-login-card #login-form button[type=submit],.task-login .wm-login-card #login-form input[type=submit]{display:block;width:100%;height:auto;min-height:49px;padding:12px 17px;border:1px solid var(--wm-accent);border-radius:5px;background:var(--wm-accent);color:#15191b;box-shadow:none;font:600 14px/1.5 "DM Sans",system-ui,sans-serif;cursor:pointer;text-shadow:none}
.task-login .wm-login-card #login-form button[type=submit]:hover,.task-login .wm-login-card #login-form input[type=submit]:hover{background:#ffc487;border-color:#ffc487;color:#15191b}
.task-login .wm-login-card #login-footer{margin:0;padding:0;font:400 11px/1.5 "DM Sans",system-ui,sans-serif;color:var(--wm-muted)}
.task-login .wm-login-card .wm-native-note{font-size:11px!important;border-top:1px solid var(--wm-line);padding-top:19px;margin:18px 0 15px!important}
.task-login .wm-support-link{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:14px}
.task-login .wm-login-card .wm-login-explainer{margin-bottom:12px}
.task-login .ye-header input,.task-login .ye-header button{font-family:"DM Sans",system-ui,sans-serif}
.task-login .ye-header .ye-brand{margin:0;padding:0;background:none}
.task-login .ye-footer{height:auto;position:relative;overflow:visible}
.task-login .ye-header .ye-mobile-menu.btn{box-shadow:none;text-transform:none;letter-spacing:normal}
@media(min-width:1351px){.task-login .ye-header .ye-mobile-menu.btn{display:none!important}}
@media(max-width:1350px){.task-login .ye-header .ye-mobile-menu.btn{display:inline-flex!important}}
.task-login .noscriptwarning{max-width:calc(100% - 40px);margin:20px auto;padding:15px;color:#ffcf99;background:#342416;border:1px solid #b97c3d}
/* Keep the mail workspace native; only its accent color is shared with Yasa. */
body:not(.task-login) .menu.toolbar a:hover,body:not(.task-login) .toolbar a:hover{color:#bc6e22}
@media(max-width:1100px){.wm-entry{gap:44px}.wm-main,.task-login #layout-content.wm-main{padding-left:32px;padding-right:32px}.wm-card{padding:28px}.wm-main h1{font-size:clamp(38px,5.2vw,56px)}}
@media(max-width:780px){.wm-entry{grid-template-columns:minmax(0,1fr);gap:32px;padding:44px 0 36px}.wm-story{max-width:620px}.wm-main h1{font-size:clamp(36px,6.5vw,51px)}.wm-main .wm-intro{font-size:16px}.wm-mail-art{display:none}.wm-card{width:100%;max-width:560px;padding:28px}.wm-card h2{font-size:27px}.wm-card-icon{margin-bottom:20px}.wm-support{align-items:flex-start;flex-direction:column;gap:17px;padding:25px 0 32px}.wm-support>a{flex:none}}
@media(max-width:420px){.wm-main,.task-login #layout-content.wm-main{padding-left:20px;padding-right:20px}.wm-entry{padding-top:34px;gap:28px}.wm-eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:20px}.wm-main h1{font-size:37px;letter-spacing:-.05em}.wm-main .wm-intro{font-size:14px}.wm-card{padding:24px 21px}.wm-card h2{font-size:25px}.wm-card>p:not(.wm-step){font-size:13px}.wm-mailbox-note{gap:12px}.wm-support h2{font-size:20px}.wm-support>a{font-size:11px;gap:9px}}
@media(prefers-reduced-motion:reduce){.wm-landing *,.task-login .wm-main *{scroll-behavior:auto!important}}