/* Canonical Home navigation, shared by every page; page-specific CSS cannot replace it. */
body.site-nav-shared{--site-side:204px;--mail-side:var(--site-side)!important}
body.site-nav-shared .workspace{margin-left:var(--site-side)!important}
body.site-nav-shared .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:var(--site-side)!important;height:100dvh!important;display:flex!important;flex-direction:column;padding:21px 14px!important;background:linear-gradient(155deg,#1c2e3d,#192936)!important;color:#d4dde7;font-size:14px;line-height:normal;overflow:hidden;z-index:5}
body.site-nav-shared .sidebar .brand{display:block!important;flex:0 0 auto;font-size:26px!important;font-weight:800;line-height:normal!important;letter-spacing:.2px;padding:0 11px 20px!important;margin:0 0 14px!important;border:0!important;border-bottom:1px solid #ffffff15!important;color:#fff;background:none;box-shadow:none}
body.site-nav-shared .sidebar .brand small{display:block;font-size:12px!important;font-weight:400;line-height:normal!important;letter-spacing:0;margin:4px 0 0;padding:0;color:#d0d9e3}
body.site-nav-shared .sidebar .site-main-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#607387 transparent;padding-right:0}
body.site-nav-shared .sidebar .site-main-nav .nav-item{width:100%;height:auto;min-height:45px!important;border:0;background:transparent;color:inherit;display:flex!important;align-items:center;gap:13px!important;padding:10px 13px!important;text-align:left;border-radius:6px!important;margin:2px 0!important;font-family:inherit;font-size:14px!important;font-weight:400;line-height:normal!important;opacity:1;box-shadow:none}
body.site-nav-shared .sidebar .site-main-nav .nav-item .icon{width:20px;height:20px;flex-shrink:0}
body.site-nav-shared .sidebar .site-main-nav .nav-item span{display:block;font-size:inherit;line-height:normal}
body.site-nav-shared .sidebar .site-main-nav .nav-item small{display:block;font-size:9px;color:#8b9eaf;margin-top:1px}
body.site-nav-shared .sidebar .site-main-nav .nav-item.active{background:linear-gradient(100deg,#1765c9,#1e59b5)!important;color:#fff;box-shadow:0 3px 9px #071c3f33}
body.site-nav-shared .sidebar .site-main-nav .nav-item:not(:disabled):hover{background:#ffffff10}
body.site-nav-shared .sidebar .site-main-nav .nav-item.active:hover{background:#2068ca!important}
body.site-nav-shared .sidebar .site-main-nav .nav-item:disabled{cursor:not-allowed}
body.site-nav-shared .sidebar .site-main-nav .nav-divider{display:block;height:1px;background:#ffffff15;margin:18px 9px}
body.site-nav-shared .sidebar .site-main-nav>a[href='/settings']{position:static!important;bottom:auto!important;left:auto!important;width:100%!important}
body.site-nav-shared .sidebar .site-email-row{position:relative}
body.site-nav-shared .sidebar .site-email-row>a{padding-right:40px!important}
body.site-nav-shared .sidebar .site-email-toggle{position:absolute;right:0;top:2px;width:34px;height:41px;border:0;border-radius:5px;background:transparent;color:#d4dde7;cursor:pointer;font-family:inherit;font-size:17px;display:grid;place-items:center}
body.site-nav-shared .sidebar .site-email-toggle:hover{background:#ffffff18}
body.site-nav-shared .sidebar .site-email-toggle[aria-expanded='true'] span{transform:rotate(180deg)}
body.site-nav-shared .sidebar .site-email-submenu{margin:0 0 4px 22px;padding-left:10px;border-left:1px solid #4c6380}
body.site-nav-shared .sidebar .site-email-submenu[hidden]{display:none!important}
body.site-nav-shared .sidebar .site-email-submenu .site-subnav{min-height:38px!important;padding:8px 10px!important;font-size:13px!important;margin:1px 0!important}
body.site-nav-shared .sidebar .site-email-submenu .site-subnav-compact{display:none!important}
body.site-nav-shared .sidebar .sidebar-bottom{display:block!important;flex:0 0 auto;margin-top:14px!important;background:#ffffff05;border:1px solid #ffffff0b;border-radius:7px;padding:14px;font-size:12px;line-height:1.6}
body.site-nav-shared .sidebar .sidebar-bottom strong{font-size:13px}
body.site-nav-shared .sidebar .sidebar-bottom p{display:flex;align-items:center;gap:7px;margin:7px 0;color:#b8c5d2;font-size:11px}
body.site-nav-shared .sidebar .sidebar-bottom .icon{width:13px;height:13px}
body.site-nav-shared .sidebar button:focus-visible,body.site-nav-shared .sidebar a:focus-visible{outline:2px solid #9cc8ff;outline-offset:-2px}
@media(min-width:1600px){body.site-nav-shared{--site-side:220px}}
@media(max-width:1250px){body.site-nav-shared{--site-side:188px}}
@media(max-width:760px){
 body.site-nav-shared{--site-side:72px}
 body.site-nav-shared .sidebar{padding:18px 8px!important}
 body.site-nav-shared .sidebar .brand{font-size:12px!important;padding:3px 0 18px!important;text-align:center;letter-spacing:0}
 body.site-nav-shared .sidebar .brand small,body.site-nav-shared .sidebar .site-main-nav .nav-item span,body.site-nav-shared .sidebar .sidebar-bottom,body.site-nav-shared .sidebar .site-main-nav .nav-divider{display:none!important}
 body.site-nav-shared .sidebar .site-main-nav .nav-item{justify-content:center;padding:14px 0!important;min-height:47px!important}
 body.site-nav-shared .sidebar .site-main-nav .nav-item .icon{width:21px;height:21px}
 body.site-nav-shared .sidebar .site-email-row>a{padding-right:14px!important}
 body.site-nav-shared .sidebar .site-email-toggle{right:0;width:20px;height:43px;font-size:13px}
 body.site-nav-shared .sidebar .site-email-submenu{margin:0 0 5px;padding:0;border:0}
 body.site-nav-shared .sidebar .site-email-submenu .site-subnav{padding:8px 0!important;min-height:39px!important}
 body.site-nav-shared .sidebar .site-main-nav .site-subnav .site-subnav-compact{display:block!important;font-size:10px;line-height:1.4}
}