/* Process Wranglers / The Markup. Additive styling only: no Roundcube core changes. */
@font-face{font-family:Archivo;src:url('archivo.woff2') format('woff2');font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('instrument-serif-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('jetbrains-mono.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap}
:root{--pw-bg:#F2F4F5;--pw-paper:#fff;--pw-ink:#0D1014;--pw-muted:#4F5860;--pw-line:#CDD3D7;--pw-accent:#C22A20;--pw-red:#E4352B;--pw-tint:#E6EAEC;--pw-head:#E9EDEF}
html.dark-mode{--pw-bg:#0D1014;--pw-paper:#161C21;--pw-ink:#F2F4F5;--pw-muted:#A9B1B7;--pw-line:#2C343B;--pw-accent:#FF6B5E;--pw-tint:#222A31;--pw-head:#1B2228}
body{font-family:Archivo,Arial,sans-serif;color:var(--pw-ink);background:var(--pw-bg)}
a{color:var(--pw-accent)}
*:focus-visible{outline:3px solid var(--pw-red)!important;outline-offset:3px}
input.form-control:focus,textarea.form-control:focus,.form-control:focus{border-color:var(--pw-red);box-shadow:0 0 0 3px #E4352B26}
.btn-primary{background:#0D1014!important;border-color:#0D1014!important;color:#fff!important;border-radius:2px}
.btn-primary:hover,.btn-primary:focus{background:#262E35!important;border-color:#262E35!important}
html.dark-mode .btn-primary{background:#C22A20!important;border-color:#C22A20!important}
html.dark-mode .btn-primary:hover,html.dark-mode .btn-primary:focus{background:#E4352B!important;border-color:#E4352B!important}
.listing li.selected>a,.listing tr.selected>td{background:var(--pw-tint)!important;color:var(--pw-ink)!important}
.listing li.selected>a{box-shadow:inset 3px 0 var(--pw-red)}
.listing li>a:hover{background:var(--pw-bg)}
.unread>.subject,.messagelist tr.unread td.subject{font-weight:700}
.quota-widget .value{background:var(--pw-red)}
.header,.footer,.searchbar,.toolbar{border-color:var(--pw-line)!important}

/* Task menu: the ink column with the red rule, like the site header. */
#layout-menu{background:#0D1014!important}
#layout-menu #logo{max-width:52px}
#taskmenu a{color:#C9CED2!important}
#taskmenu a:hover,#taskmenu a.selected{background:#1F262C!important;color:#fff!important;box-shadow:inset 4px 0 #E4352B}
#taskmenu a.compose{background:#C22A20!important;color:#fff!important}
#taskmenu a.compose:hover{background:#E4352B!important}
body:not(.task-login) #layout-menu{position:relative;border-right:3px solid #E4352B}
body:not(.task-login) #layout-menu::before{content:"PW\A MAIL";white-space:pre;display:block;flex:none;min-height:76px;padding:22px 2px 12px;color:#F2F4F5;font:800 16px/1.04 Archivo,Arial,sans-serif;font-stretch:112%;letter-spacing:-.03em;text-align:center;border-bottom:1px solid #ffffff22}
body:not(.task-login) #layout-menu #logo{display:none}
body:not(.task-login) #taskmenu a{font-size:11px;font-weight:600;letter-spacing:.01em}

/* Folders, list and reading pane. */
#layout-sidebar,#layout-list,#layout-content{background:var(--pw-paper)}
body:not(.task-login) #layout-sidebar{background:var(--pw-bg);border-right:1px solid var(--pw-line)}
body:not(.task-login) #layout-sidebar .header,body:not(.task-login) #layout-list .header{background:var(--pw-head)!important;border-bottom:2px solid var(--pw-line)!important;color:var(--pw-ink)}
body:not(.task-login) #layout-sidebar .header{min-height:82px;height:82px;padding-top:15px}
body.task-mail.action-none #layout-sidebar .header::before{content:"YOUR MAILBOX";display:block;margin:0 0 4px;color:var(--pw-accent);font:500 9px/1 'JetBrains Mono',monospace;letter-spacing:.16em}
body:not(.task-login) #layout-sidebar .header a,body:not(.task-login) #layout-sidebar .header span{font-weight:700;color:var(--pw-ink)}
body:not(.task-login) #layout-sidebar .listing{padding-top:12px}
body:not(.task-login) #layout-sidebar .listing li>a{min-height:43px;margin:2px 8px;padding:10px 12px;border-radius:2px;color:var(--pw-ink);font-size:13px}
body:not(.task-login) #layout-sidebar .listing li.selected>a{background:var(--pw-paper)!important;box-shadow:inset 3px 0 #E4352B,0 2px 8px #0D10140d!important;font-weight:700}
body:not(.task-login) #layout-list{border-right:1px solid var(--pw-line)}
body:not(.task-login) #layout-list .messagelist tr{border-bottom:1px solid var(--pw-tint)}
body:not(.task-login) #layout-list .messagelist tr td.subject{font-size:14px;letter-spacing:-.01em;color:var(--pw-ink)}
body:not(.task-login) #layout-list .messagelist tr.unread td.subject{font-weight:800}
body:not(.task-login) #layout-list .messagelist tr.selected td{background:var(--pw-tint)!important}
body:not(.task-login) #layout-list .messagelist tr.selected{box-shadow:inset 3px 0 #E4352B}
body:not(.task-login) #layout-content{background:var(--pw-paper)}
body:not(.task-login) #layout-content>.header{background:var(--pw-head)!important;border-top:3px solid #E4352B;border-bottom:1px solid var(--pw-line)!important;color:var(--pw-ink);min-height:58px}
body:not(.task-login) #layout-content>.header .button,body:not(.task-login) #layout-content>.header button,body:not(.task-login) #layout-content>.header .header-title{color:var(--pw-ink)!important}
body:not(.task-login) #layout-content>.header .button:hover,body:not(.task-login) #layout-content>.header button:hover{background:var(--pw-tint)!important}
body:not(.task-login) #layout-content>.header .button.disabled,body:not(.task-login) #layout-content>.header [aria-disabled="true"]{opacity:.4}
body:not(.task-login) #layout-content .subject{font-weight:700;letter-spacing:-.02em}
body:not(.task-login) #layout-content .btn-primary{border-bottom:3px solid #E4352B!important}
@media(max-width:768px){body:not(.task-login) #layout-menu::before{display:none}body:not(.task-login) #layout-menu #logo{display:block}body:not(.task-login) #layout-content>.header{min-height:56px}}

/* Split-screen sign in. The native form, errors and CSRF token stay intact. */
body.task-login{background:#F2F4F5!important;color:#0D1014!important}
body.task-login #layout{min-height:100vh;min-height:100dvh;background:linear-gradient(90deg,#0D1014 0%,#0D1014 46%,#F2F4F5 46%,#F2F4F5 100%)}
body.task-login #layout-content{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:54%;max-width:none!important;margin-left:46%;padding:64px 38px;background:transparent!important;overflow:visible;box-shadow:none}
body.task-login #logo{display:none}
body.task-login #login-form{position:static;top:auto;width:min(100%,410px);max-width:none;margin:0;padding:0;background:none;border:0;box-shadow:none}
.pw-welcome{position:absolute;left:0;top:0;width:46%;height:100%;min-height:620px;padding:48px 8%;color:#F2F4F5;text-align:left;overflow:hidden;border-right:3px solid #E4352B}
.pw-welcome::after{content:"";position:absolute;right:-70px;bottom:-60px;width:300px;height:300px;background:linear-gradient(#ffffff0d 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,#ffffff0d 1px,transparent 1px) 0 0/30px 30px;transform:rotate(-12deg);pointer-events:none}
.pw-home{position:relative;z-index:1;display:inline-block}
.pw-home img{width:220px;height:auto;display:block}
.pw-statement{position:absolute;top:50%;transform:translateY(-43%);left:14%;right:10%}
.pw-eyebrow{display:block;text-transform:uppercase;font:500 11px/1.6 'JetBrains Mono',monospace;letter-spacing:.16em;color:#C22A20}
.pw-welcome .pw-eyebrow{color:#FF6B5E;margin-bottom:24px}
.pw-statement p{font-family:Archivo,Arial,sans-serif;font-weight:800;font-stretch:112%;font-size:clamp(34px,4.3vw,68px);line-height:1.02;letter-spacing:-.035em;margin:0 0 28px}
.pw-statement p em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-stretch:100%;letter-spacing:-.01em;color:#FF6B5E}
.pw-rule{width:44px;height:3px;background:#E4352B;margin-bottom:20px}
.pw-caption{font-size:14px;color:#C9CED2}
.pw-back{position:absolute;bottom:38px;left:14%;color:#C9CED2;font-size:12px;text-decoration:none;z-index:1}
.pw-back:hover{color:#fff}
.pw-login-heading{text-align:left;margin-bottom:36px}
.pw-login-heading h2{font-family:Archivo,Arial,sans-serif;font-size:40px;font-weight:800;font-stretch:112%;letter-spacing:-.035em;margin:12px 0 13px;color:#0D1014}
.pw-login-heading p{font-size:15px;color:#4F5860;margin:0;line-height:1.6}
body.task-login #login-form input{min-height:52px;border:1px solid #AEB6BC;border-radius:2px;background:#fff!important;color:#0D1014!important;font-size:16px;padding:12px 15px}
body.task-login #login-form .input-group-text{background:#E6EAEC!important;border-color:#AEB6BC!important;color:#4F5860}
body.task-login #login-form .form-group{margin-bottom:20px}
body.task-login #login-form button{min-height:52px;font-size:14px;font-weight:700;letter-spacing:.025em;margin-top:10px;background:#0D1014!important;border-color:#0D1014!important;border-bottom:3px solid #E4352B!important}
.pw-login-help{font-size:12px;line-height:1.75;color:#4F5860;text-align:center;margin:26px 0 0}
body.task-login #login-footer{color:#4F5860;font-size:11px;margin-top:16px}
body.task-login #messagestack{z-index:1000}
@media(min-width:769px) and (max-height:700px){.pw-welcome{min-height:100%}.pw-statement p{font-size:42px}.pw-home img{width:170px}.pw-statement{transform:translateY(-36%)}}
@media(max-width:768px){body.task-login #layout{background:#F2F4F5;display:block!important;overflow:auto!important}body.task-login #layout-content{width:100%;margin:0;padding:140px 24px 48px;min-height:100vh;min-height:100dvh;justify-content:flex-start;overflow:auto}.pw-welcome{width:100%;height:96px;min-height:0;padding:26px 24px;background:#0D1014;border-right:0;border-bottom:3px solid #E4352B}.pw-home img{width:170px}.pw-statement,.pw-welcome::after{display:none}.pw-back{top:38px;bottom:auto;left:auto;right:24px;font-size:11px}.pw-login-heading h2{font-size:34px}.pw-login-heading{margin-bottom:28px}}
@media(max-width:420px){.pw-back{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* About dialog: replaced content; stock details hidden only when it is present. */
.pw-about~.sysname,.pw-about~.copyright,.pw-about~.license,.pw-about~.readtext{display:none!important}
.pw-about{max-width:560px;margin:24px auto;padding:34px 36px 36px;border:1px solid var(--pw-line);border-top:4px solid #E4352B;background:var(--pw-paper);color:var(--pw-ink);box-shadow:0 14px 38px #0D101412}
.pw-about-mark{display:block;width:62px;height:62px;margin-bottom:28px}
.pw-about-kicker{margin:0 0 8px;color:var(--pw-accent);font:500 10px/1.4 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase}
.pw-about h2{margin:0;color:var(--pw-ink);font:800 clamp(28px,5vw,40px)/1.08 Archivo,Arial,sans-serif;font-stretch:112%;letter-spacing:-.035em}
.pw-about h2 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-stretch:100%;color:var(--pw-accent)}
.pw-about-intro{margin:18px 0 0;color:var(--pw-ink);font:600 17px/1.5 Archivo,Arial,sans-serif}
.pw-about-copy{margin:10px 0 26px;color:var(--pw-muted);font:14px/1.65 Archivo,Arial,sans-serif}
.pw-about-link{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid currentColor;padding-bottom:4px;color:var(--pw-accent);font:700 12px/1.4 Archivo,Arial,sans-serif;text-decoration:none}
.pw-about-link:hover{color:var(--pw-ink);text-decoration:none}
@media(max-width:600px){.pw-about{margin:18px 12px;padding:28px 24px}}