/* Keep navigation in its own fixed column, rather than letting a 40-row grid shift dashboard content. */
@media screen and (min-width:721px){
  .shell{display:block!important;margin:0 0 0 250px!important;padding:0 clamp(18px,3vw,48px) 32px!important;max-width:none!important;width:auto!important;min-width:0!important;}
  .shell>*:not(.boutique-nav){max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;min-width:0;}
  .shell>.boutique-nav{position:fixed!important;top:0;left:0;bottom:0;width:250px;height:100dvh;z-index:20;grid-column:auto!important;grid-row:auto!important;box-sizing:border-box;}
  .workspace-top,.dashboard-hero,.metric-grid,.dashboard-panels{width:100%;}
}
@media screen and (min-width:721px) and (max-width:1100px){
  .shell{margin-left:220px!important;padding:0 20px 28px!important;}
  .shell>.boutique-nav{width:220px;}
  .dashboard-panels{grid-template-columns:1fr;}
}
@media screen and (max-width:720px){
  .shell{display:block!important;margin:0!important;padding:0 14px 26px!important;max-width:none!important;width:100%!important;}
  .shell>.boutique-nav{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;width:calc(100% + 28px)!important;height:auto!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;margin:0 -14px 8px!important;padding:9px 14px 12px!important;box-sizing:border-box;}
  .shell>.boutique-nav .sidebar-brand{flex:0 0 68px;}
  .shell>.boutique-nav .sidebar-brand img{width:68px;height:55px;}
  .shell>.boutique-nav button{flex:0 0 auto;}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dashboard-panels{grid-template-columns:minmax(0,1fr);}
  .shell>.card,.shell>.two,.shell>.grid,.shell>h1{max-width:100%;}
}
@media screen and (max-width:390px){.metric-icon{display:none}.metric-card{min-height:100px}}
/* Use the owner's original logo artwork in both navigation and sign-in, not a recreated mark. */
.sidebar-brand img{border-radius:50%;}
.login:before{background-image:url('brand-logo.svg')!important;width:170px;height:170px!important;border-radius:50%;margin:0 auto 14px!important;background-size:contain!important;}