/* Shared App account pill: name + immutable avatar, without changing the landing grid. */
[data-account-slot][hidden], [data-operational-destination][hidden] { display: none !important; }
.landing-header-account { margin-left: auto; }
html[data-account-state="authenticated"] .header-actions { display: none; }
.landing-account-pill {
  display: inline-flex; align-items: center; gap: 8px; height: 36px;
  max-width: 216px; padding: 4px 4px 4px 12px; box-sizing: border-box;
  border: 0; border-radius: 999px; background: #e0e0e00f; color: #e0e0e0;
  text-decoration: none; transition: background-color .15s cubic-bezier(.4,0,.2,1);
}
.landing-account-pill:hover { background: #e0e0e01a; }
.landing-account-pill:focus-visible { outline: 2px solid #b8dfa9; outline-offset: 4px; }
.landing-account-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; line-height: 19.5px; letter-spacing: -.26px; }
.landing-account-avatar {
  display: block; width: 28px; height: 28px; flex: none; overflow: hidden; border-radius: 999px;
  background: radial-gradient(ellipse at 25% 80%,#d9e692 0,transparent 56%),radial-gradient(ellipse at 85% 72%,#836ad4 0,transparent 57%),radial-gradient(ellipse at 28% 5%,#a7d5b9 0,transparent 62%),linear-gradient(135deg,#8f99d4,#a886da 54%,#b8dfa9);
}
.landing-account-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.mobile-menu-actions [data-account-slot] { display: flex; justify-content: center; }
@media (max-width: 1023px) {
  .landing-header-account { margin-left: auto; }
  .landing-header-account .landing-account-pill { max-width: 160px; }
  html[data-account-state="authenticated"] .menu-toggle { margin-left: 0; }
}
@media (max-width: 420px) {
  .landing-header-account .landing-account-name { display: none; }
  .landing-header-account .landing-account-pill { padding: 4px; width: 36px; }
}
@media (prefers-reduced-motion: reduce) { .landing-account-pill { transition: none; } }
.landing-account-menu { position: relative; }
.landing-account-pill { cursor: pointer; list-style: none; }
.landing-account-pill::-webkit-details-marker { display: none; }
.landing-account-panel { position: absolute; top: calc(100% + 8px); right: 0; z-index: 90; width: 220px; padding: 4px; border: 1px solid #e0e0e00f; border-radius: 10px; background: #191919; color: #e0e0e0; box-shadow: 0 4px 12px #0000001f; }
.landing-account-panel a, .landing-account-panel button { display: block; width: 100%; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: inherit; font: 400 14px/20px Inter,sans-serif; text-decoration: none; text-align: left; }
.landing-account-panel a:hover, .landing-account-panel button:hover { background: #212121; }
.landing-account-panel :focus-visible { outline: 1px solid #b8dfa9; outline-offset: -1px; }
.landing-account-panel button { cursor: pointer; }
