/* Compact account control for signed-in visitors. */
html body [data-google-login].account-slot {
  position: relative;
  display: inline-flex;
  align-items: center;
}
html body .account-menu { position: relative; }
html body .stream-topbar.imdb-bar .account-trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 4px 9px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
html body .account-trigger:hover,
html body .account-trigger[aria-expanded="true"] { background: #292929 !important; }
html body .account-avatar {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  flex: none;
  overflow: hidden;
  border-radius: 50%;
  background: #2389f5;
  color: #111;
}
html body .account-avatar svg { display: block; width: 19px; height: 19px; fill: currentColor; }
html body .account-name { max-width: 110px; overflow: hidden; text-overflow: ellipsis; }
html body .account-chevron { width: 10px; height: 7px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; }
html body .account-panel {
  position: absolute;
  z-index: 80;
  top: calc(100% + 7px);
  right: 0;
  width: 210px;
  padding: 9px;
  border: 1px solid #373737;
  border-radius: 9px;
  background: #202020;
  box-shadow: 0 14px 36px #0009;
}
html body .account-panel[hidden] { display: none !important; }
html body .account-panel-label { margin: 4px 10px 8px; color: #aeb0b4; font-size: 12px; font-weight: 600; }
html body [data-google-login] .account-panel a {
  display: block;
  padding: 10px;
  border-radius: 5px !important;
  color: #f4f4f4 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}
html body [data-google-login] .account-panel a:hover { background: #333 !important; }
html body .account-panel-rule { display: block; height: 1px; margin: 7px 3px; background: #3a3a3a; }
@media (max-width: 760px) {
  html body .stream-topbar.imdb-bar .account-trigger { width: 35px; height: 34px; min-height: 34px; padding: 5px; justify-content: center; }
  html body .account-name, html body .account-chevron { display: none; }
  html body .account-panel { right: -6px; }
}