/* A quiet orbital motif and a shell that fits both wide and compact windows. */
body{background:radial-gradient(ellipse at 100% 0,#dce9f744,transparent 38%),var(--paper)}
body .sidebar{width:clamp(215px,18vw,258px);padding:clamp(18px,3vh,32px) clamp(15px,1.65vw,23px) 18px;height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52799f transparent;z-index:5;background:radial-gradient(ellipse at 10% 0,#3f62802e,transparent 42%),var(--navy)}
body .main{margin-left:clamp(215px,18vw,258px);padding-inline:clamp(20px,3vw,55px);min-width:0}
.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
body .brand-mark.orbital-mark{width:42px;height:42px;border:0;background:transparent;flex-shrink:0}
.orbital-mark svg{width:42px;height:42px;overflow:visible}
.sidebar-sections{display:flex;flex-direction:column;flex:1;min-height:min-content}
body .sidebar .workspace-label{margin-block:24px;overflow-wrap:anywhere}
body .sidebar nav{min-width:0}
body .sidebar .nav-link{white-space:normal;line-height:1.45;min-height:41px}
body .sidebar .nav-link>span[aria-hidden]{width:20px;flex-shrink:0;text-align:center}
body .sidebar .integrations{margin-top:24px}
body .sidebar .profile{margin-top:26px;padding-top:18px;flex-shrink:0}
body .sidebar .profile>div{min-width:0;overflow-wrap:anywhere}
.sidebar-toggle{display:none;border:1px solid #52799f;background:#2b4869;color:#e2ebf6;border-radius:6px;padding:7px 11px;font-size:12px;cursor:pointer}
@media(max-height:800px) and (min-width:851px){body .sidebar{padding-top:19px}body .sidebar .workspace-label{margin-block:18px;padding:8px 10px}body .sidebar .nav-link{padding-block:8px;margin-bottom:3px;min-height:37px}body .sidebar .integrations{margin-top:20px}body .sidebar .integration{padding-block:5px}body .sidebar .sidebar-note{margin-block:10px}}
@media(max-width:850px){body .sidebar{position:static;width:100%;height:auto;max-height:none;overflow:visible;padding:16px 20px;display:block}body .main{margin-left:0;padding-inline:20px}.sidebar-brand-row{width:100%}.sidebar-toggle{display:inline-flex}.sidebar-sections{display:block}body .sidebar .workspace-label{display:none}body .sidebar .sidebar-sections>.nav-label{display:none}body .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:16px}body .sidebar .nav-link{margin:0;padding:10px;font-size:12px}body .sidebar .integrations{display:none}body .sidebar .profile{display:flex;margin-top:16px;padding-top:12px}body .sidebar .profile small{display:none}body .sidebar[data-nav-collapsed=true] .sidebar-sections{display:none}}
@media(max-width:500px){body .sidebar{padding:14px 16px}body .sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}body .main{padding-inline:16px}body .sidebar .brand{font-size:23px}.sidebar-toggle{font-size:11px}body .sidebar .brand-mark.orbital-mark{width:36px;height:36px}.orbital-mark svg{width:36px;height:36px}}

/* Keep the full wordmark readable in the narrow desktop sidebar. */
.brand-wordmark{white-space:nowrap}
body .sidebar .brand{font-size:20px;gap:8px;letter-spacing:-.7px}
body .sidebar .brand-mark.orbital-mark,body .sidebar .orbital-mark svg{width:32px;height:32px}
body .sidebar .brand small{font-size:6px;letter-spacing:.8px;white-space:nowrap}

/* Group overview, day-to-day work, and setup without hiding destinations. */
body .sidebar nav .nav-group-label{grid-column:1 / -1;margin:20px 11px 10px;text-transform:uppercase}
body .sidebar nav .nav-group-label:first-child{margin-top:0}
@media(max-width:850px){body .sidebar nav .nav-group-label{margin:12px 10px 3px}body .sidebar nav .nav-group-label:first-child{margin-top:0}}