/* Official AM Lighting identity: vector mark, silver wordmark, gold app icons. */
.brand{flex-direction:column;align-items:center;gap:10px;flex-shrink:0;text-align:center}
.brand-logo{display:block;width:124px;height:auto;max-width:100%;object-fit:contain}
.brand-caption{color:#9aa8b1;letter-spacing:.2em;font-size:.6rem;font-weight:600;line-height:1.5}
.sidebar .brand-logo{width:100%;max-width:195px}
.sidebar{padding-top:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#44515d transparent}
.sidebar>*{flex-shrink:0}
.workspace-tag{margin:18px 0 19px;padding:11px 0;font-size:.69rem;text-align:center;white-space:nowrap;color:#9aa9b5}
.login-story .brand{align-items:flex-start;text-align:left}
.login-story .brand-logo{width:168px}
.login-story .brand-caption{padding-left:1px}
.login-story h1{margin-top:7vh}
.initial{min-height:100vh;min-height:100dvh;background:#1b252e;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;color:#aeb9c3}
.initial img{display:block;width:180px;height:auto}
.initial span{font-size:.86rem;letter-spacing:.03em;margin-top:30px;line-height:1.6}
.meta-brand{display:block;flex-shrink:0;object-fit:contain;width:25px;height:18px}
.topbar-brand{display:none;object-fit:contain;flex-shrink:0}
@media(max-width:1200px){.sidebar{padding-top:23px}.workspace-tag{font-size:.64rem}}
@media(max-width:760px){
  .sidebar{padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .sidebar .brand-logo{width:100%;max-width:195px}
  .workspace-tag{font-size:.7rem;margin-top:16px;margin-bottom:16px}
  .topbar{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);gap:9px}
  .topbar-brand{display:block;width:30px;height:22px}
  .breadcrumb{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem}
  .search input{width:115px}
  .login-story{padding-top:calc(26px + env(safe-area-inset-top))}
  .login-story .brand{align-items:center;text-align:center}
  .login-story .brand-logo{width:124px}
  .login-story h1{margin-top:28px}
  .login-form{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
  .content{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}
@media(max-width:380px){.search input{width:100px}.topbar{padding-left:12px;padding-right:12px;gap:7px}.topbar-brand{width:25px}}