/* Cactus Den application shell and footer */
.shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh;min-height:100dvh}
.sidebar{min-height:100vh;min-height:100dvh}
.shell .main{display:flex;min-width:0;min-height:100vh;min-height:100dvh;flex-direction:column;padding-bottom:18px}
.shell .main>.site-footer{width:100%;margin-top:auto;padding-top:10px;padding-bottom:4px;flex:0 0 auto}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:10px 2px 2px;border-top:1px solid #d7e3e0;color:#68766e;font-size:12px}
.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}
.site-footer a{color:#174f50;text-decoration:none;font-weight:700}
.site-footer a:hover,.site-footer a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.auth-shell{display:flex;min-height:100vh;min-height:100dvh;flex-direction:column;align-items:center;justify-content:flex-start}
.auth-shell>.card{margin-top:auto;margin-bottom:auto}
.auth-shell>.site-footer{width:min(620px,100%);flex:0 0 auto;margin-top:18px;margin-bottom:4px;padding:12px 6px 2px;flex-direction:column;text-align:center;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.72)}
.auth-shell>.site-footer a{color:#fff}

/* Desktop: account controls are pinned 8px from the top-right of the main content area. */
@media(min-width:901px){
  .shell .main{position:relative;padding-top:8px!important}
  .shell .breadcrumbs{padding-right:390px}
  .shell .topbar{position:static!important;display:block!important;margin-top:0!important;padding-top:0!important;padding-right:390px;min-height:52px}
  .shell .topbar>.topbar-account{position:absolute!important;top:8px!important;right:18px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;margin:0!important;z-index:20}
  .shell .topbar h1{margin:0}
}

@media(max-width:900px){.shell{display:block}.sidebar{display:none}.shell .main{min-height:calc(100dvh - 56px);padding-bottom:14px}.shell .topbar{display:block!important}.shell .topbar>.topbar-account{display:none}.shell .topbar>.breadcrumbs{margin-bottom:7px!important}}
@media(max-width:700px){.site-footer{align-items:flex-start;flex-direction:column}.shell .main{padding-bottom:14px}}