body:has(.nc-suite){box-sizing:border-box}.nc-suite .nc-suite-panel{height:100%}.nc-suite .nc-suite-mobile-bar{height:69px}.nc-suite dialog{border-radius:0}.nc-suite a.nc-suite-link:before,.nc-suite a.nc-suite-link:after{display:none}.nc-mailbox-notice{position:fixed;bottom:20px;right:20px;max-width:460px;padding:18px;background:#fff3d1;color:#493809;z-index:1000;border-radius:8px}@media(min-width:1200px){body:has(.nc-suite) #layout-menu{left:216px}}@media(max-width:1199px){body:has(.nc-suite) #layout{top:69px;height:calc(100% - 69px)}}
/* Shared top bar of the suite (webmail.js) between the menu and Roundcube: 74 px, 60 px on a phone. */
body:has(.nc-topbar) #layout{height:calc(100% - 74px)}@media(max-width:1199px){body:has(.nc-topbar) #layout{height:calc(100% - 143px)}}@media(max-width:800px){body:has(.nc-topbar) #layout{height:calc(100% - 129px)}}

/* Mailboxes of the chosen space at the top of the account menu of the top bar (spaces.js): change of mailbox,
   classification and the Hub page. */
html body .nc-topbar .nc-topbar-menu{max-height:calc(100dvh - 160px);overflow-y:auto}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes{margin:0 0 4px;padding:0 0 4px;border-bottom:1px solid var(--suite-line,#e5e9e8)}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes a small{display:block;color:var(--suite-muted,#68757d);font-size:11px;line-height:1.35;overflow-wrap:anywhere}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes a[aria-current]{background:var(--suite-soft,#f0f4f1);font-weight:600}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes > small{display:block;padding:6px 12px;color:var(--suite-muted,#68757d);font-size:11px;line-height:1.4}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes details{padding:0 12px 6px;font-size:12px}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes summary{margin:0 -12px;padding:11px 12px;border-radius:7px;font-size:13px;cursor:pointer}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes summary:hover{background:var(--suite-soft,#f0f4f1)}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes label{display:grid;gap:4px;color:var(--suite-muted,#68757d);font-size:11px;overflow-wrap:anywhere}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes select{width:100%;padding:6px;border:1px solid var(--suite-line,#e5e9e8);border-radius:7px;background:var(--suite-surface,#fff);color:var(--suite-ink,#222b32);font:inherit;font-size:12px}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes details button{width:auto;margin:6px 0 0;padding:6px 10px;border:1px solid var(--suite-line,#e5e9e8);background:var(--suite-surface,#fff);font-size:12px}
html body .nc-topbar .nc-topbar-menu .nc-webmail-boxes details p{margin:4px 0 0;color:var(--suite-muted,#68757d);font-size:11px;line-height:1.4}
/* Roundcube's tasks in the bar and the Webmail logo before the breadcrumb (webmail.js): Roundcube's column goes away
   above 1024 px; up to there, Roundcube keeps its own menu (touch mode, then its panel). Labels from 1500 px. */
html body .nc-topbar a.nc-topbar-home{display:block;flex:none;margin:0 -8px 0 0;border-radius:9px}
html body .nc-topbar a.nc-topbar-home img{display:block;width:32px;height:32px}
html body .nc-topbar .nc-topbar-tasks{display:flex;align-items:center;gap:2px;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid var(--suite-line,#e5e9e8)}
html body .nc-topbar .nc-topbar-tasks a.nc-topbar-link[aria-current]{background:var(--suite-soft,#f0f4f1);color:var(--suite-accent,#245b49)}
@media(min-width:1025px){body:has(.nc-topbar-tasks) #layout-menu{display:none!important}}
@media(max-width:1024px){html body .nc-topbar .nc-topbar-tasks{display:none}}
@media(max-width:1499px){
 html body .nc-topbar .nc-topbar-tasks a.nc-topbar-link{justify-content:center;width:40px;padding:0}
 html body .nc-topbar .nc-topbar-tasks .nc-topbar-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}