/* Compact product chrome: one header, primary navigation at the side. */
.topbar,html[data-theme=light] .topbar{height:60px;min-height:60px;padding:8px 22px;flex-direction:row;align-items:center;gap:16px;box-shadow:0 1px 8px #427a9d06}.brand{gap:10px;min-width:0}.brand img,.topbar .brand img{width:34px;height:34px}.brand h1,html[data-theme=light] .brand h1,.topbar .brand h1{font-size:18px;white-space:nowrap}.brand>div{display:flex;align-items:center;gap:10px}.review-tag{display:inline-block;font-size:10px;font-weight:400;padding:2px 8px;border:1px solid #cde3f1;border-radius:20px;color:#547487;background:#f3faff;white-space:nowrap}.top-navigation{gap:5px}.nav-menu>summary{min-height:38px;padding:7px 12px;gap:10px;font-size:12px}.screen-location{display:none}.layout,.layout.has-message,.layout:not(.has-message){grid-template-columns:204px minmax(0,1fr)!important}.sidebar,html[data-theme=light] .sidebar{padding:18px 12px;gap:16px}.sidebar>.primary{min-height:44px;font-size:13px}.sidebar>label{font-size:11px}.sidebar select{min-height:40px}.folder,html[data-theme=light] .folder{min-height:39px;padding:8px 10px;font-size:12px;margin-bottom:2px}.section-label{margin-top:14px;margin-bottom:6px}.sidebar-footer{padding-top:10px}.list-heading,html[data-theme=light] .list-heading{padding:22px 30px 16px;gap:12px}.list-heading h2{font-size:23px}.search>input,html[data-theme=light] .search>input{min-height:44px;font-size:13px}.messages{padding:8px 24px 24px}.panel-page,html[data-theme=light] .panel-page{padding:28px 32px 90px}.reading-toolbar,html[data-theme=light] .reading-toolbar{padding:12px 30px}.reading-header{padding:26px 32px 20px}.reading-header h2{font-size:25px}.reader>.message-body,.reader>.attachments,.reader>.row,.reader>.panel-card{margin:24px 32px}.ux-heading{margin-bottom:20px}.ux-heading h2{font-size:32px}.ux-shortcuts{margin-bottom:24px;gap:12px}.ux-shortcut{padding:18px}.ux-tools{padding-top:18px}.hub-card{border-radius:15px}.appearance-panel{padding:7px 11px}.appearance-panel summary{min-height:26px;font-size:11px}.appearance-panel[open]{padding:12px 16px}.workspace>.notice{font-size:11px;padding:7px 22px}.modal-head h2{font-size:18px}.compose-screen .modal-head{padding-block:14px}.compose-screen .modal-foot{padding-block:14px}
@media(max-width:760px){.topbar,html[data-theme=light] .topbar{height:60px;min-height:60px;padding:8px 10px;gap:6px;flex-direction:row;align-items:center}.brand{gap:5px}.brand img,.topbar .brand img{width:30px;height:30px}.brand h1,html[data-theme=light] .brand h1,.topbar .brand h1{font-size:15px}.brand>div{gap:5px}.review-tag{display:none}.topbar .mobile-only{width:34px;min-height:38px;padding:5px}.top-navigation{gap:1px}.nav-menu{flex:none}.nav-menu>summary{font-size:11px;min-height:38px;padding:6px 8px;gap:4px}.nav-menu>summary>span{font-size:11px}.nav-popup{width:210px}.top-navigation .nav-menu:first-child .nav-popup{inset-inline-end:0;inset-inline-start:auto}.layout,.layout.has-message,.layout:not(.has-message){grid-template-columns:minmax(0,1fr)!important}.list-heading,html[data-theme=light] .list-heading{padding:20px 16px 14px}.list-heading h2{font-size:22px}.messages{padding:8px 10px 80px}.panel-page,html[data-theme=light] .panel-page{padding:22px 16px 90px}.reading-toolbar,html[data-theme=light] .reading-toolbar{padding:10px 12px}.reading-header{padding:22px 18px}.reader>.message-body,.reader>.attachments,.reader>.row,.reader>.panel-card{margin:20px 18px}.ux-heading h2{font-size:27px}.sidebar{top:0}.sidebar.open{display:flex}.sidebar:not(.open){display:none}}
@media(max-width:380px){.topbar .brand img{display:none}.topbar .brand h1{font-size:14px}.nav-menu>summary{padding-inline:6px}.topbar{gap:3px}}
@media(max-width:760px){.review-tag{display:inline-block;font-size:8px;padding:1px 5px}.brand>div{gap:5px}}@media(max-width:480px){.topbar .brand img{display:none}}