/* The same logo scale and colour treatment as the public brand family. */
.topbar{height:66px;min-height:66px}
.topbar-brand,.login-brand,.sidebar-brand{display:flex;align-items:center;gap:0!important;flex:none;white-space:nowrap}
.topbar-brand-mark,.login-brand-mark,.sidebar-brand-mark{width:34px;height:34px;flex:0 0 34px;margin-right:9px;object-fit:contain}
.topbar-brand-word,.login-brand-word,.sidebar-brand-word{font-family:ui-rounded,"SF Pro Rounded","Avenir Next Rounded","Avenir Next",sans-serif;font-size:21px;font-weight:650;letter-spacing:-.035em;line-height:1}
.topbar-brand-hub,.login-brand-hub,.sidebar-brand-hub{display:inline;font-family:ui-rounded,"SF Pro Rounded","Avenir Next Rounded","Avenir Next",sans-serif;font-size:21px;font-weight:500;letter-spacing:-.035em;line-height:1;margin-left:6px!important;padding-left:0;border:0;background:none;background-clip:border-box;-webkit-background-clip:border-box;color:inherit;-webkit-text-fill-color:currentColor}
.sidebar-brand-word,.sidebar-brand-hub{color:#142033}
.topbar-brand{width:auto;flex-basis:auto;min-width:0}
.topbar-left{min-width:0}
.topbar-shortcuts{gap:22px}
.topbar-shortcuts a{font-size:14px}
.hub-app{padding-top:66px}
.sidebar{top:66px}
.topbar-shortcuts a{min-height:66px}
.workspace-toolbar{top:66px}
.hub-family-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0 2px}
.hub-family-links a{font-size:12px;color:#51627f;text-decoration:none}
.hub-family-links a:hover{color:#1769e0}
@media(max-width:1100px){.topbar-shortcuts{display:none}}
@media(max-width:980px){.topbar{height:60px;min-height:60px}.hub-app{padding-top:60px}.sidebar{top:60px}.workspace-toolbar{top:60px}.topbar-brand-mark{width:30px;height:30px;flex-basis:30px}.topbar-brand-word,.topbar-brand-hub{font-size:20px}}
@media(max-width:680px){.topbar{padding:0 12px;gap:8px}.topbar-left{gap:8px}.topbar-actions{gap:6px}.topbar-brand-hub{display:inline}}
@media(max-width:380px){.topbar-actions a[aria-label="Help and support"]{display:none}}

/* Keep the navigation wordmark together. */
.topbar-brand-hub,.sidebar-brand-hub{margin-left:2px!important}


/* Branded website shortcuts in the sidebar footer. */
.sidebar-foot{padding:16px 16px 14px;flex-shrink:0;background:linear-gradient(145deg,#f8faff,#f4f6fc);border-top:1px solid #e0e6f0}
.sidebar-foot-label{display:block;color:#78869d;font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.sidebar-foot .hub-family-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0 13px}
.sidebar-foot .hub-family-links a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:0;min-height:78px;padding:10px 6px;border:1px solid #dfe6f2;border-radius:14px;background:#fff;color:#172840;box-shadow:0 3px 8px #15376804;text-decoration:none;transition:border-color .18s ease,background .18s ease}
.sidebar-foot .hub-family-links a:last-child{background:#fbfaff}
.sidebar-foot .hub-family-links img{display:block;width:29px;height:29px;object-fit:contain}
.sidebar-foot .hub-family-links span{font-family:ui-rounded,"SF Pro Rounded","Avenir Next Rounded","Avenir Next",sans-serif;font-size:14px;font-weight:650;letter-spacing:-.035em;line-height:1.2}
.sidebar-foot .hub-family-links a:hover{border-color:#a8bcf4;background:#edf3ff}
.sidebar-foot .hub-family-links a:focus-visible{outline:3px solid #316bed;outline-offset:2px}
.sidebar-foot .sidebar-status{justify-content:center;gap:8px;margin:0;padding-top:11px;border-top:1px solid #e1e7f0;color:#6a7890;font-size:10px;font-weight:500}
.sidebar-foot .sidebar-status .status-dot{width:6px;height:6px;flex:0 0 6px;box-shadow:0 0 0 3px #41c99416}
@media(prefers-reduced-motion:reduce){.sidebar-foot .hub-family-links a{transition:none}}