:root{--ev-bg:#f3f5f9;--ev-ink:#24314a;--ev-muted:#7d879c;--ev-line:#e9edf4;--ev-accent:#4f5fd5;--ev-selected:#edf0ff}
body,button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
html:not(.dark-mode) body{color:var(--ev-ink);background:var(--ev-bg)}
html:not(.dark-mode) #layout{background:var(--ev-bg)}
html:not(.dark-mode) #layout-menu{background:#edf0f6;border:0}
html:not(.dark-mode) #taskmenu a{color:#6d7890;border-radius:14px;margin:6px 9px;padding:13px 3px;transition:background .15s,color .15s}
html:not(.dark-mode) #taskmenu a:hover{background:#e1e7f3;color:#3343b3}
html:not(.dark-mode) #taskmenu a.selected{background:#dfe5fd;color:#4052c5}
html:not(.dark-mode) #taskmenu a.compose{background:var(--ev-accent);color:white;margin-top:20px;margin-bottom:20px;box-shadow:0 5px 14px #4f5fd528}
html:not(.dark-mode) #layout-sidebar{background:var(--ev-bg);border-color:var(--ev-line)}
html:not(.dark-mode) #layout-sidebar>.header,html:not(.dark-mode) #layout-sidebar>.footer{background:var(--ev-bg);border-color:var(--ev-line)}
html:not(.dark-mode) #layout-list,html:not(.dark-mode) #layout-content{background:white;border-color:var(--ev-line)}
html:not(.dark-mode) .header,html:not(.dark-mode) .footer,html:not(.dark-mode) .searchbar,html:not(.dark-mode) .toolbar{border-color:var(--ev-line)}
html:not(.dark-mode) .listing li{border-color:transparent}
html:not(.dark-mode) .folderlist li>a{border-radius:9px;margin:3px 10px;padding-top:10px;padding-bottom:10px}
html:not(.dark-mode) .folderlist li.selected>a{background:#e2e8fb;color:#3d4fae;font-weight:600}
html:not(.dark-mode) .folderlist li>a:hover{background:#e8ecf5}
html:not(.dark-mode) .messagelist td{border-color:#edf0f5}
html:not(.dark-mode) .messagelist tr.selected td{background:var(--ev-selected)!important;color:#273969!important}
html:not(.dark-mode) .messagelist tr.unread td{background:#fafbfe}
html:not(.dark-mode) .messagelist tr:hover td{background:#f4f6fc}
.messagelist td.subject{padding-top:14px;padding-bottom:14px}
.messagelist td.subject span.subject{font-size:14px;line-height:1.6}
.messagelist td.subject span.fromto{font-size:12px;margin-top:4px}
html:not(.dark-mode) .toolbar a{color:#5b6880}
html:not(.dark-mode) .btn-primary{background:var(--ev-accent);border-color:var(--ev-accent)}
html:not(.dark-mode) .btn-primary:hover{background:#4050c2;border-color:#4050c2}
.btn{border-radius:8px}
.form-control{border-radius:8px}
html:not(.dark-mode) .form-control:focus{border-color:#8490e7;box-shadow:0 0 0 3px #4f5fd514}
html:not(.dark-mode) #layout-menu #logo{width:42px;height:42px;margin:18px auto 8px;max-width:42px;padding:0}
#messagelistfooter{font-size:12px}
#message-header .subject{font-size:23px;font-weight:600;line-height:1.5}
#messagebody{font-size:15px;line-height:1.7}
/* Standalone reading pages need a visible, deterministic way back at every width. */
body.task-mail.action-show #layout-content>.header>a.ev-mailbox-back{display:inline-block!important}
@media(min-width:1025px){html:not(.dark-mode) body:not(.task-login) #layout{padding:12px 12px 12px 0;gap:0}html:not(.dark-mode) #layout-menu{margin-top:-12px;margin-bottom:-12px}html:not(.dark-mode) #layout-content{border-radius:0 14px 14px 0;overflow:hidden}html:not(.dark-mode) #layout-list{border-radius:14px 0 0 14px;overflow:hidden}#layout-sidebar{min-width:205px}.task-mail #layout-list{min-width:330px}.task-mail #layout-content{min-width:360px}}
/* Login uses the standard Roundcube form, CSRF checks and authentication. */
body.task-login #layout{display:flex!important;align-items:stretch;min-height:100vh;padding:0;background:#fff!important}
body.task-login #layout-content{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;padding:70px clamp(40px,8vw,140px);border:0;border-radius:0;overflow:auto;background:#fff!important;color:var(--ev-ink)}
body.task-login #logo{width:240px!important;height:auto!important;max-height:none!important;margin:0 0 62px!important;align-self:flex-start}
body.task-login #login-form{width:100%;max-width:380px;margin:0;padding:0;color:var(--ev-ink)}
body.task-login #login-form .form-group{margin-bottom:22px}
body.task-login #login-form .input-group-text{background:#f8f9fc;color:#8490a7;border-color:#e2e7ef;border-radius:9px 0 0 9px}
body.task-login #login-form input.form-control{height:50px;background:#f8f9fc!important;color:var(--ev-ink)!important;border-color:#e2e7ef;border-radius:0 9px 9px 0;font-size:14px;box-shadow:none}
body.task-login #login-form .btn-primary{height:48px;background:#4f5fd5;border-color:#4f5fd5;border-radius:9px;font-size:15px;font-weight:600;letter-spacing:2px;box-shadow:0 5px 14px #4f5fd525}
body.task-login #login-footer{margin-top:28px;color:#8993a6;font-size:12px}
.ev-login-intro h2{font-size:30px;font-weight:650;margin:0 0 10px;letter-spacing:-1px}
.ev-login-intro p{color:#8490a2;font-size:15px;margin:0 0 36px}
.ev-login-hint{font-size:12px;color:#919bad;text-align:center;margin-top:26px}
.ev-welcome{width:46%;background:#f0f2fa;padding:48px 60px;display:flex;flex-direction:column;justify-content:space-between;color:#263553;position:relative;overflow:hidden}
.ev-brand{font-size:15px;font-weight:750;letter-spacing:3px}.ev-brand span{font-size:11px;font-weight:500;letter-spacing:2px;margin-left:8px;color:#8993ae}
.ev-eyebrow{font-size:10px;letter-spacing:3px;color:#7a87b2;font-weight:600;margin-bottom:24px}
.ev-welcome h1{font-size:clamp(34px,3.6vw,54px);line-height:1.4;font-weight:600;letter-spacing:-1.5px;margin:0 0 25px}
.ev-welcome-copy>p{color:#7c88a3;font-size:15px;line-height:1.9}
.ev-welcome-footer{font-size:11px;color:#919bb1;letter-spacing:1px}
.ev-illustration{background:#ffffffcc;border:1px solid #fff;border-radius:15px;padding:20px 24px;margin-top:45px;box-shadow:0 14px 36px #32447109;max-width:430px;transform:rotate(-2deg)}
.ev-mini-label{font-size:13px;font-weight:650;padding-bottom:16px;border-bottom:1px solid #edf0f7}.ev-mini-label span{float:right;font-size:10px;color:#98a2b6;font-weight:400}
.ev-mini-row{display:flex;align-items:center;gap:12px;padding-top:18px}.ev-mini-row i{width:32px;height:32px;flex-shrink:0;border-radius:10px;background:#e6eaff;color:#6973bc;display:grid;place-items:center;font-style:normal;font-size:12px}.ev-mini-row i.mint{background:#e3f2ed;color:#5b9582}.ev-mini-row div{flex:1}.ev-mini-row b{display:block;font-size:11px;font-weight:600;white-space:nowrap}.ev-mini-row small{display:block;font-size:9px;color:#9aa3b8;margin-top:5px}.ev-mini-row em{font-size:8px;font-style:normal;color:#a8b0c2}
@media(max-width:1100px){.ev-welcome{padding:40px 32px;width:43%}.ev-illustration{padding:18px 15px}.ev-mini-row em{display:none}body.task-login #layout-content{padding:50px 6vw}}
@media(max-width:760px){.ev-welcome{display:none}body.task-login #layout-content{align-items:center;padding:42px 28px;min-height:100svh}body.task-login #logo{align-self:center;margin-bottom:55px!important;width:225px!important}.ev-login-intro{width:100%;max-width:380px}.ev-login-intro h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
body.task-login #logo,body.task-login #login-form{position:static!important;top:auto!important;left:auto!important;transform:none!important}
html:not(.dark-mode) #taskmenu .special-buttons,html:not(.dark-mode) #layout-menu .popover-header{background:#edf0f6!important}
@media(min-width:1025px){#layout-menu{width:88px!important;min-width:88px!important}#taskmenu a{width:auto!important;min-width:0!important}#taskmenu a .inner{font-size:11px}html:not(.dark-mode) #layout-menu .popover-header{height:70px}}