/* Roundcube adapter for the same semantic design system as the VPN console. */
body:not(.task-login):not(.action-print){color:var(--text)!important;background:var(--bg)!important;font-family:var(--font-sans)!important;-webkit-font-smoothing:antialiased}
body.mail-workspace #layout{background:transparent!important;padding:14px;gap:12px;height:calc(100vh - 60px);height:calc(100dvh - 60px)}
.mail-workspace-topbar{height:60px;display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--surface-glass);border-bottom:1px solid var(--border);backdrop-filter:blur(18px) saturate(140%);color:var(--text);position:relative;z-index:20}
.mail-workspace-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.02em}.mail-workspace-brand img{width:30px;height:30px;max-width:30px;max-height:30px;border-radius:9px;object-fit:contain}.mail-workspace-brand small{padding:2px 7px;background:var(--surface-muted);border-radius:var(--radius-full);color:var(--text-subtle);font-size:10px;font-weight:600;margin-left:8px}
.mail-workspace-topbar .mail-workspace-caption{margin-left:auto;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.mail-workspace-caption:before{content:'';width:7px;height:7px;background:var(--success);box-shadow:0 0 0 3px var(--success-soft);border-radius:50%}
.mail-workspace-topbar .mail-theme-select{border:1px solid var(--border);color:var(--text-muted);background:var(--surface);border-radius:var(--radius-sm);font:inherit;font-size:12px;padding:7px 10px;height:34px;max-width:145px}
body:not(.task-login) #layout-menu{background:var(--surface-glass)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm);backdrop-filter:blur(18px) saturate(140%)}
body.mail-workspace #layout-menu{flex:0 0 164px;width:164px;min-width:164px;padding:12px 8px}
body:not(.task-login) #taskmenu{background:none!important;border:0;display:flex;flex-direction:column;gap:4px;padding:0!important;height:100%}
body:not(.task-login) #taskmenu a{display:flex;align-items:center;gap:10px;text-align:left;justify-content:flex-start;width:auto;min-height:38px;padding:9px 10px!important;margin:0!important;border-radius:var(--radius-sm);background:transparent!important;color:var(--text-muted)!important;font-size:13px;line-height:20px;font-weight:600;border:0;box-shadow:none;transition:background var(--duration-fast),color var(--duration-fast)}
body:not(.task-login) #taskmenu a .inner{display:inline!important;font:inherit;padding:0;line-height:inherit}body:not(.task-login) #taskmenu a:before{float:none;font-size:17px!important;width:18px;min-width:18px;line-height:20px;margin:0!important;text-align:center}
body:not(.task-login) #taskmenu a:hover{background:var(--surface-muted)!important;color:var(--text)!important}body:not(.task-login) #taskmenu a.selected{background:var(--accent-soft-strong)!important;color:var(--accent-text)!important}
body:not(.task-login) #taskmenu .action-buttons{padding:0!important;display:block;margin-bottom:16px}body:not(.task-login) #taskmenu a.compose{color:var(--on-accent)!important;background:var(--accent)!important;border-radius:var(--radius-sm);min-height:42px;box-shadow:var(--shadow-sm)}body:not(.task-login) #taskmenu a.compose:hover{background:var(--accent-hover)!important}
body:not(.task-login) #taskmenu .special-buttons{margin-top:auto!important;display:flex;flex-direction:column;padding-top:12px;border-top:1px solid var(--border)}body:not(.task-login) #taskmenu a.theme{display:none}body.mail-workspace #layout-menu>.popover-header{display:none!important}
body:not(.task-login) #layout-sidebar{background:var(--surface-glass)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm);overflow:hidden}
body.mail-workspace #layout-sidebar{min-width:180px;width:210px;flex:0 0 auto}
body:not(.task-login) #layout-list{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm);overflow:hidden}
body.mail-workspace #layout-list{min-width:280px}
body:not(.task-login) #layout-content{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm);min-width:0;overflow:hidden}
body:not(.task-login) .header,body:not(.task-login) .toolbar{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;backdrop-filter:none}
body:not(.task-login) .header{min-height:58px;height:58px;display:flex;align-items:center;padding:0 16px;gap:8px;font-size:14px}body:not(.task-login) .header-title{font-size:14px;font-weight:650;letter-spacing:-.015em;color:var(--text)!important}
body:not(.task-login) #layout-sidebar .header{background:transparent!important;font-size:12px}body:not(.task-login) #layout-sidebar .header-title{font-size:12px;font-weight:600;color:var(--text-muted)!important;overflow:hidden;text-overflow:ellipsis}
body:not(.task-login) .toolbar a.button,body:not(.task-login) .header a.button{color:var(--text-muted)!important;border-radius:var(--radius-sm);transition:background var(--duration-fast);font-size:12px}body:not(.task-login) .toolbar a.button:hover,body:not(.task-login) .header a.button:hover{background:var(--surface-muted)!important;color:var(--text)!important}body:not(.task-login) .toolbar a.disabled{color:var(--text-subtle)!important;opacity:.55}
body:not(.task-login) #folderlist-content{padding:12px 8px}body:not(.task-login) .folderlist li{margin:2px 0}body:not(.task-login) .folderlist li>a{border-radius:var(--radius-sm);padding:9px 12px!important;color:var(--text-muted)!important;font-size:13px;font-weight:500;line-height:20px;transition:background var(--duration-fast)}
body:not(.task-login) .folderlist li>a:before{font-size:16px;width:20px;margin-right:9px}body:not(.task-login) .folderlist li.selected>a{background:var(--accent-soft-strong)!important;color:var(--accent-text)!important;font-weight:650}body:not(.task-login) .folderlist li>a:hover{background:var(--surface-muted)!important}body:not(.task-login) .folderlist .unreadcount{border-radius:var(--radius-full);background:var(--surface-sunken)!important;color:var(--text-muted)!important;padding:1px 7px;font-size:11px;font-weight:600}
body:not(.task-login) .searchbar{background:var(--surface)!important;padding:14px 16px;border-bottom:1px solid var(--border)}body:not(.task-login) .searchbar input{border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;background:var(--surface-muted)!important;color:var(--text)!important;font-size:13px;padding:10px 36px;box-shadow:none}body:not(.task-login) .searchbar input:focus{background:var(--surface)!important;border-color:var(--accent)!important;box-shadow:var(--focus-ring)!important}
body:not(.task-login) #messagelist{border:0!important;width:100%}body:not(.task-login) #messagelist tr td{background:transparent!important;border-bottom:1px solid var(--border)!important;color:var(--text)!important;padding-top:13px;padding-bottom:13px;font-size:13px;line-height:21px}body:not(.task-login) #messagelist tr:hover td{background:var(--surface-muted)!important}body:not(.task-login) #messagelist tr.selected td{background:var(--accent-soft)!important;color:var(--text)!important}body:not(.task-login) #messagelist tr.unread .subject{color:var(--text)!important;font-weight:700}body:not(.task-login) #messagelist tr .date,body:not(.task-login) #messagelist .fromto,body:not(.task-login) #messagelist tr .size{color:var(--text-muted)!important;font-weight:400;font-size:12px}body:not(.task-login) #messagelist tr.unread .subject:before{color:var(--accent)!important}body:not(.task-login) #messagelist thead td{background:var(--surface-muted)!important;color:var(--text-subtle)!important}
body:not(.task-login) .footer{background:var(--surface-muted)!important;border-color:var(--border)!important;color:var(--text-subtle);font-size:11px;padding:10px 16px}body:not(.task-login) #layout-sidebar .footer{background:transparent!important}
body:not(.task-login) .iframe-wrapper{background:var(--surface)!important;position:relative}body:not(.task-login) iframe{background:var(--surface)!important}
.onadva-mail-empty{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:12px;text-align:center;padding:24px;pointer-events:none;background:var(--surface-muted);color:var(--text-subtle)}.onadva-mail-empty[hidden]{display:none}.onadva-mail-empty img{width:48px;height:48px;max-width:48px;border-radius:13px;box-shadow:var(--shadow-md)}.onadva-mail-empty h2{font-size:18px;font-weight:650;color:var(--text-muted);margin:9px 0 0;letter-spacing:-.02em}.onadva-mail-empty p{font-size:13px;color:var(--text-subtle);margin:0;max-width:250px;line-height:1.7}.onadva-empty-orbit{position:relative;width:130px;height:130px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;margin-bottom:5px}.onadva-empty-orbit:before,.onadva-empty-orbit:after{content:'';position:absolute;inset:21px -18px;border:1px solid var(--border);border-radius:50%;transform:rotate(-21deg)}.onadva-empty-orbit:after{inset:7px -7px;transform:rotate(72.1deg)}
/* Reader and composer use the same surfaces; original message content is not transformed. */
html.iframe body:not(.action-print){background:var(--surface)!important;color:var(--text)!important;padding:24px!important}html.iframe #message-header{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;margin-bottom:24px}html.iframe #message-header h2{color:var(--text);font-size:20px;line-height:1.45}html.iframe #messagebody{background:var(--surface)!important;color:var(--text)!important;font-size:14px;line-height:1.75}
body:not(.task-login) .form-control,body:not(.task-login) .custom-select,body:not(.task-login) .input-group-text{color:var(--text)!important;background:var(--surface)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important;font-size:13px}body:not(.task-login) .form-control:focus{border-color:var(--accent)!important;box-shadow:var(--focus-ring)!important}body:not(.task-login) .button.mainaction,body:not(.task-login) .btn-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important;border-radius:var(--radius-sm)!important}
body:not(.task-login) .propform td,body:not(.task-login) .listing li,body:not(.task-login) .listing li>a{color:var(--text)!important;border-color:var(--border)!important}body:not(.task-login) .listing li.selected>a{background:var(--accent-soft)!important;color:var(--accent-text)!important}body:not(.task-login) .listing li>a:hover{background:var(--surface-muted)!important}
body:not(.task-login) .ui-dialog,body:not(.task-login) .popupmenu,body:not(.task-login) .popover,body:not(.task-login) .dropdown-menu{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}body:not(.task-login) .ui-dialog-titlebar{background:var(--surface-muted)!important;color:var(--text)!important;border-color:var(--border)!important}body:not(.task-login) .popupmenu a{color:var(--text-muted)!important}body:not(.task-login) .popupmenu a:hover{background:var(--surface-muted)!important;color:var(--text)!important}
@media(min-width:1280px){body.mail-workspace #layout-list{width:390px}}
@media(min-width:768px) and (max-width:1279px){body.mail-workspace #layout-menu{flex-basis:64px;min-width:64px;width:64px;padding:12px 5px}body.mail-workspace #taskmenu a .inner{display:none!important}body.mail-workspace #taskmenu a{justify-content:center;padding:10px!important}body.mail-workspace #layout-sidebar{flex-basis:auto;width:175px;min-width:175px}.mail-workspace-brand small{display:none}}
@media(max-width:767px){.mail-workspace-topbar{height:54px;padding:0 14px;gap:10px}.mail-workspace-caption{display:none!important}.mail-workspace-brand{font-size:14px}.mail-workspace-brand small{display:none}.mail-workspace-topbar .mail-theme-select{max-width:115px;margin-left:auto}body.mail-workspace #layout{padding:0;gap:0;height:calc(100dvh - 54px)}body:not(.task-login) #layout-menu,body:not(.task-login) #layout-sidebar,body:not(.task-login) #layout-list,body:not(.task-login) #layout-content{border-radius:0!important;box-shadow:none;border:0!important}body.mail-workspace #layout-menu{width:100%;min-width:0;flex-basis:auto;padding:0}body.mail-workspace #layout-sidebar{min-width:0;width:100%;flex-basis:auto}body:not(.task-login) #taskmenu{height:auto;padding:10px!important}body:not(.task-login) #layout-menu>.popover-header{display:flex!important;background:var(--surface)!important;border-color:var(--border)!important;padding:14px}body:not(.task-login) #layout-menu #logo{width:32px!important;height:32px!important;max-width:32px!important;object-fit:contain}body:not(.task-login) #taskmenu .special-buttons{margin-top:18px!important}body:not(.task-login) .header{min-height:52px;height:52px}html.iframe body:not(.action-print){padding:16px!important}.onadva-mail-empty{padding:20px}}
@media(prefers-reduced-motion:reduce){body:not(.task-login) #taskmenu a,body:not(.task-login) .folderlist li>a{transition:none}}
@media print{.mail-workspace-topbar,.onadva-mail-empty{display:none!important}body.mail-workspace #layout{height:auto;padding:0;gap:0}html.iframe body{padding:0!important;background:white!important;color:black!important}}

/* Comfortable proportions and a phone-specific application shell. */
.mail-mobile-nav,.mail-mobile-compose,.mail-mobile-back{display:none}
body.mail-workspace{font-size:14px!important}
body.mail-workspace #taskmenu a{width:100%!important;max-width:none!important;box-sizing:border-box;min-height:44px;font-size:14px;overflow:visible;white-space:nowrap}
body.mail-workspace #taskmenu a .inner{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:14px}
body.mail-workspace #layout>.listbox>.header .header-title,body.mail-workspace #layout-content>.header .header-title{margin:0!important;min-width:0;text-align:left}
body.mail-workspace #messagelist tr td.subject,body.mail-workspace #messagelist tr td.subject a,body.mail-workspace #messagelist tr td.subject .subject,body.mail-workspace #messagelist tr td.subject span.subject{color:var(--text)!important;opacity:1!important;font-size:14px!important;line-height:1.6}
body.mail-workspace #messagelist tr td.subject .fromto,body.mail-workspace #messagelist tr td.subject span.fromto{color:var(--text-muted)!important;font-size:13px!important}
body.mail-workspace #messagelist tr td.subject .date{color:var(--text-muted)!important;opacity:1;font-size:12px}
body.mail-workspace #messagelist tr td.subject{padding:16px 18px!important}
@media(min-width:1280px){body.mail-workspace #layout-menu{width:192px;min-width:192px;flex-basis:192px}body.mail-workspace #layout-list{flex:0 0 auto;width:clamp(340px,30vw,520px);max-width:36%}body.mail-workspace #layout-sidebar{width:200px;min-width:180px;max-width:240px}.mail-workspace-topbar{height:64px}.mail-workspace-topbar .mail-workspace-brand{font-size:17px}body.mail-workspace #layout{height:calc(var(--mail-viewport-height,100dvh) - 64px);padding:16px;gap:14px}}
@media(min-width:768px) and (max-width:1279px){body.mail-workspace #taskmenu a{justify-content:center}body.mail-workspace #layout-list{min-width:300px;width:clamp(300px,35vw,460px);max-width:45%}}
@media(max-width:767px){
 html,body.mail-workspace{min-width:0!important;width:100%;height:100%;overflow:hidden!important}
 .mail-workspace-topbar{height:56px;min-height:56px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:10px;box-shadow:none;backdrop-filter:none}
 .mail-workspace-brand{font-size:17px;gap:9px;min-width:0}.mail-workspace-brand img{width:28px;height:28px;max-width:28px;max-height:28px}
 .mail-workspace-topbar .mail-theme-select{font-size:14px;min-height:40px;padding:8px;max-width:110px}
 body.mail-workspace #layout{height:calc(var(--mail-viewport-height,100dvh) - 56px - 64px - env(safe-area-inset-bottom));width:100%;padding:0;gap:0;position:relative;overflow:hidden}
 body.mail-workspace #layout-menu,body.mail-workspace #layout-sidebar,body.mail-workspace #layout-list,body.mail-workspace #layout-content{min-width:0!important;max-width:100%!important;width:100%!important;flex-basis:auto;border-radius:0!important}
 body.mail-workspace #layout-list,body.mail-workspace #layout-content{flex:1 1 100%;overflow:hidden}
 body.mail-workspace #layout-menu{max-width:min(320px,88vw)!important;padding:12px;box-shadow:var(--shadow-lg);border-radius:0 var(--radius-lg) var(--radius-lg) 0!important}
 body.mail-workspace #layout-sidebar{background:var(--surface)!important}
 body.mail-workspace #layout>.listbox>.header,body.mail-workspace #layout-content>.header{height:52px;min-height:52px;line-height:normal;padding:0 14px;justify-content:space-between}
 body.mail-workspace #messagelist-header{display:flex!important}
 body.mail-workspace #messagelist-header>.back-sidebar-button{display:none!important}
 body.mail-workspace #messagelist-header>.header-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.mail-workspace #layout-sidebar>.header .header-title{font-size:14px;color:var(--text)!important}
 body.mail-workspace .searchbar{padding:12px 16px;border-bottom:1px solid var(--border)}body.mail-workspace .searchbar input{font-size:16px!important;min-height:44px;height:44px;padding-left:38px!important;border-radius:var(--radius-md)!important}
 body.mail-workspace #messagelist tr td.subject{padding:16px 18px!important;min-height:80px;font-size:16px!important;line-height:1.55}
 body.mail-workspace #messagelist tr td.subject a,body.mail-workspace #messagelist tr td.subject .subject,body.mail-workspace #messagelist tr td.subject span.subject{font-size:16px!important;color:var(--text)!important;line-height:1.55}
 body.mail-workspace #messagelist tr td.subject .fromto,body.mail-workspace #messagelist tr td.subject span.fromto{font-size:14px!important;color:var(--text-muted)!important;line-height:1.5}
 body.mail-workspace #messagelist tr td.subject .date{font-size:12px!important;color:var(--text-muted)!important}
 body.mail-workspace #messagelist-content{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:78px}
 body.mail-workspace .footer{font-size:12px;min-height:40px;padding:6px 14px;line-height:normal}
 body.mail-workspace .header a.button,body.mail-workspace .header .toolbar a,body.mail-workspace .footer a.button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px!important}
 body.mail-workspace #layout-sidebar .folderlist li>a{min-height:48px;padding:13px 16px!important;font-size:16px}
 .mail-mobile-nav{position:fixed;inset:auto 0 0;z-index:100;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(64px + env(safe-area-inset-bottom));padding:4px max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--border)}
 .mail-mobile-nav-item{border:0;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:7px 2px;font:inherit;font-size:12px;font-weight:600;min-height:52px;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .mail-mobile-nav-item svg{width:22px;height:22px}.mail-mobile-nav-item[aria-current=page]{color:var(--accent-text);background:var(--accent-soft)}.mail-mobile-nav-item:active{background:var(--surface-muted)}
 .mail-mobile-compose{position:fixed;z-index:90;right:max(18px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:18px;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-md);cursor:pointer}.mail-mobile-compose svg{width:25px;height:25px}
 .mail-mobile-back:not([hidden]){display:grid;place-items:center;border:0;border-radius:var(--radius-sm);min-width:44px;min-height:44px;background:transparent;color:var(--text);padding:8px;cursor:pointer}
 body.mail-mobile-reading .mail-mobile-compose,body.mail-mobile-folders .mail-mobile-compose,body:not(.task-mail) .mail-mobile-compose{display:none}
 body.mail-mobile-reading #layout-content>.header>.back-list-button{display:none!important}
 body.mail-mobile-composing .mail-mobile-nav,body.mail-mobile-composing .mail-mobile-compose{display:none}
 body.mail-mobile-composing #layout{height:calc(var(--mail-viewport-height,100dvh) - 56px)}
 body.mail-workspace .form-control,body.mail-workspace .custom-select,body.mail-workspace textarea{font-size:16px!important;min-height:44px}body.mail-workspace .propform td{font-size:14px}
 body.mail-workspace .onadva-mail-empty{display:none!important}
 html.iframe body:not(.action-print){padding:16px!important;font-size:16px!important;line-height:1.75}html.iframe #messagebody{font-size:16px!important;line-height:1.8}html.iframe #message-header{padding:16px!important;margin-bottom:20px}html.iframe #message-header h2{font-size:21px!important;line-height:1.45}
 body.task-login #layout{overflow-y:auto!important;height:auto!important;min-height:100dvh}body.task-login #layout-content{height:auto!important;min-height:100dvh;justify-content:flex-start;padding:92px 20px 32px!important}body.task-login #login-form{position:static!important;top:auto!important;max-width:440px!important;margin:0!important;width:100%!important;padding:26px 24px!important}body.task-login #login-form input{font-size:16px!important;min-height:48px}body.task-login #rcmloginsubmit{min-height:48px}
}
@media print{.mail-mobile-nav,.mail-mobile-back,.mail-mobile-compose{display:none!important}}