.public-account-link {
  gap: 9px;
  padding: 0 14px 0 8px;
  text-transform: none;
  letter-spacing: 0;
}

.public-account-link img,
.public-account-link > span {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border: 1px solid rgba(255, 106, 0, .45);
  border-radius: 50%;
  background: #17222a;
  object-fit: cover;
}

.public-account-link > span {
  display: grid;
  place-items: center;
  color: #fff;
  font: 700 10px var(--heading);
}

.public-account-link > b {
  max-width: 150px;
  overflow: hidden;
  font: 700 11px var(--heading);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.public-account-menu { position: relative; display: flex; align-items: center; }
.public-account-popover {
  position: absolute; z-index: 90; top: calc(100% + 10px); right: 0; width: min(320px, calc(100vw - 24px));
  padding: 8px; border: 1px solid rgba(255,106,0,.28); background: rgba(5,12,17,.98);
  box-shadow: 0 24px 70px rgba(0,0,0,.55); backdrop-filter: blur(18px);
}
.public-account-popover[hidden] { display: none !important; }
.public-account-identity { display: flex; align-items: center; gap: 12px; margin: -1px -1px 7px; padding: 12px 13px 15px; border-bottom: 1px solid rgba(126,145,157,.2); }
.public-account-identity-avatar { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,106,0,.48); border-radius: 50%; color: #fff; background: #17222a; font: 700 11px var(--heading); }
.public-account-identity-avatar img { width: 100%; height: 100%; object-fit: cover; }
.public-account-identity > span:last-child { min-width: 0; }
.public-account-identity b,.public-account-identity small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-account-identity b { color: #f1f5f7; font: 700 12px var(--heading); }
.public-account-identity small { max-width: 230px; margin-top: 3px; color: #7f909b; font: 500 9px var(--body); }
.public-account-popover a,.public-account-popover button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 13px; border: 0; border-bottom: 1px solid rgba(126,145,157,.13); color: #dbe3e8; background: transparent; text-align: left; text-decoration: none; cursor: pointer; }
.public-account-popover a:hover,.public-account-popover button:hover,.public-account-popover a:focus-visible,.public-account-popover button:focus-visible { color: #fff; background: rgba(255,106,0,.09); outline: 1px solid rgba(255,106,0,.35); }
.public-account-item-icon { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border: 1px solid rgba(126,145,157,.2); color: #92a4af; background: rgba(13,27,35,.72); }
.public-account-item-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.public-account-popover a:hover .public-account-item-icon,.public-account-popover button:hover .public-account-item-icon { color: var(--orange); border-color: rgba(255,106,0,.35); }
.public-account-popover b { display: block; font: 700 12px var(--heading); letter-spacing: .35px; }
.public-account-popover small { display: block; margin-top: 2px; color: #7f909b; font: 500 9px var(--body); line-height: 1.4; }
.public-account-popover .is-signout { color: #ff9a62; border-bottom: 0; }
.public-account-popover .is-signout .public-account-item-icon { color: #ff9a62; }

.public-session-logout {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(255, 106, 0, .28);
  border-radius: 0;
  color: #c4cdd2;
  background: rgba(7, 15, 20, .72);
  font: 700 9px var(--heading);
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
}
.public-session-logout:hover { color: #fff; border-color: var(--orange); background: rgba(255, 106, 0, .07); }
.public-session-logout:disabled { opacity: .55; cursor: wait; }
.public-session-logout[hidden] { display: none !important; }
.public-mobile-logout { width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid var(--line); color: #ff9a62; text-align: left; background: transparent; font: 600 12px var(--heading); letter-spacing: 1px; text-transform: uppercase; }
@media(max-width:900px){.public-account-popover{position:fixed;top:72px;right:12px}.mobile-nav .public-account-menu{width:100%}.mobile-nav .public-account-popover{top:auto;right:12px;bottom:12px}}
@media(max-width:650px){.contact-header .public-account-link{display:flex;max-width:180px}.contact-header .public-account-link>b{max-width:95px}.contact-header .public-session-logout{display:none}.config-header-actions .public-account-link>b{display:none}.config-header-actions{gap:8px!important}.config-header-actions .public-session-logout{padding:0 10px}}