/* The account shortcut is deliberately mobile-only; desktop keeps its cleaner header. */
.header-actions{display:flex;align-items:center;gap:10px}.mobile-header-profile{display:none}.mobile-header-profile[hidden]{display:none!important}
@media(max-width:520px){
  .app-header{align-items:center;padding-top:14px!important}
  .app-header .brand{align-self:center}
  .header-actions{flex-direction:column;align-items:stretch;gap:7px}
  body.is-authenticated .mobile-header-profile{display:grid;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:7px;min-width:148px;min-height:46px;padding:6px 9px 6px 7px;border:1px solid #dce9fd;border-radius:16px;color:#183f7d;background:linear-gradient(135deg,#fff,#edf5ff);box-shadow:0 8px 20px rgba(37,99,235,.10);text-align:right}
  .mobile-header-profile__avatar{width:31px;height:31px;display:grid;place-items:center;overflow:hidden;border:2px solid #fff;border-radius:11px;color:#fff;background:linear-gradient(145deg,#68a5ff,#2563eb);background-position:center;background-size:cover;box-shadow:0 4px 10px rgba(37,99,235,.22);font-size:.78rem;font-weight:900}
  .mobile-header-profile__avatar.has-image{color:transparent}
  .mobile-header-profile__copy{display:block;min-width:0;line-height:1.15}
  .mobile-header-profile__copy b{display:block;overflow:hidden;color:#17366d;font-size:.76rem;white-space:nowrap;text-overflow:ellipsis}
  .mobile-header-profile>svg{width:14px;color:#4d82de}
  .header-actions .upgrade-button{justify-content:center;min-height:35px;padding-inline:10px;font-size:.67rem}
  .header-actions .upgrade-button span{font-size:.83rem}

  /* A compact account chip that feels alive without taking extra header space. */
  body.is-authenticated .mobile-header-profile{position:relative;overflow:hidden;border-color:#8eb9ff;background:linear-gradient(135deg,#fafdff 0%,#e4f0ff 52%,#cfe3ff 100%);box-shadow:0 10px 24px rgba(37,99,235,.17);transition:transform .2s ease,box-shadow .2s ease}
  body.is-authenticated .mobile-header-profile::before{position:absolute;inset:0;content:"";background:linear-gradient(112deg,transparent 35%,rgba(255,255,255,.72) 50%,transparent 66%);transform:translateX(-125%);animation:profile-chip-shine 5s ease-in-out infinite;pointer-events:none}
  body.is-authenticated .mobile-header-profile:active{transform:scale(.98);box-shadow:0 5px 14px rgba(37,99,235,.18)}
  .mobile-header-profile__avatar{position:relative;z-index:1}
  .mobile-header-profile__avatar::after{position:absolute;right:-3px;bottom:-3px;width:9px;height:9px;content:"";border:2px solid #fff;border-radius:50%;background:#19bb75;box-shadow:0 2px 5px rgba(25,187,117,.35)}
  .mobile-header-profile__copy,.mobile-header-profile>svg{position:relative;z-index:1}
  .mobile-header-profile__copy b{font-size:.76rem}
}

@keyframes profile-chip-shine{0%,65%,100%{transform:translateX(-125%)}82%{transform:translateX(125%)}}
@media(prefers-reduced-motion:reduce){.mobile-header-profile::before{animation:none!important}}
@media(max-width:390px){
  body.is-authenticated .mobile-header-profile{min-width:122px}
}