/* Scoped account controls. Placement stays in normal page flow. */
.sitesgy-account-navigation {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin-left: auto;
    font: 14px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    color: #edf5ff;
    z-index: 30;
}
.sitesgy-account-navigation[hidden],
.sitesgy-account-navigation [hidden] { display: none !important; }
.sitesgy-account-navigation .sitesgy-account-trigger {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    color: #dffaf4;
    line-height: 1;
    cursor: pointer;
}
.sitesgy-account-navigation .sitesgy-account-trigger:hover,
.sitesgy-account-navigation .sitesgy-account-trigger[aria-expanded="true"] { background: #1a3948; border-color: #58778c; }
body .sitesgy-account-navigation .sitesgy-account-trigger { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 5px !important; border-radius: 50% !important; }
body.sgux .sitesgy-account-navigation .sitesgy-account-trigger { min-height: 44px !important; padding: 5px !important; border-radius: 50% !important; }
.sitesgy-account-navigation .sitesgy-account-avatar {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border: 1px solid #58778c;
    border-radius: 50% !important;
    background: #163e48;
    color: #c6fff1;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    box-sizing: border-box;
}
.sitesgy-account-navigation .sitesgy-account-avatar-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; margin: 0; border: 0; border-radius: 50%; object-fit: cover; }
.sitesgy-account-navigation .sitesgy-account-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    box-sizing: border-box;
    width: 228px;
    max-width: calc(100vw - 24px);
    padding: 8px;
    border: 1px solid #58778c;
    border-radius: 14px;
    background: linear-gradient(145deg, #122c39, #111a2e);
    box-shadow: 0 18px 44px #0006;
    text-align: left;
    color: #edf5ff;
}
.sitesgy-account-navigation .sitesgy-account-name { margin: 0 4px 7px; padding: 7px 6px 11px; border-bottom: 1px solid #385264; color: #dceafa; font-size: 13px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.sitesgy-account-navigation .sitesgy-account-menu ul { display: block; list-style: none; margin: 0; padding: 0; }
.sitesgy-account-navigation .sitesgy-account-menu li { display: block; list-style: none; margin: 0; padding: 0; }
.sitesgy-account-navigation .sitesgy-account-menu a {
    display: flex;
    align-items: center;
    min-height: 40px;
    box-sizing: border-box;
    margin: 0;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #dceafa;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    text-transform: none;
}
.sitesgy-account-navigation .sitesgy-account-menu a:hover { background: #1b3e4b; color: #8df2df; text-decoration: none; }
.sitesgy-account-navigation .sitesgy-account-menu [data-sitesgy-account-link="logout"] { margin-top: 4px; border-top: 1px solid #385264; border-radius: 0 0 8px 8px; color: #b9f3e9; }
.sitesgy-account-navigation .sitesgy-account-trigger:focus-visible,
.sitesgy-account-navigation .sitesgy-account-menu a:focus-visible,
.sitesgy-account-signout:focus-visible { outline: 3px solid #36ebce; outline-offset: 3px; }
.sitesgy-account-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 16px; box-sizing: border-box; width: 100%; min-height: 52px; padding: 4px 16px; }
body > .sitesgy-account-toolbar { background: #0c1f2b; border-bottom: 1px solid #385264; }
.sitesgy-account-signout { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 10px 12px; color: #a4f3e4; font: 600 13px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; text-decoration: none; }
#sgux-sidebar .sitesgy-account-signout { display: flex; margin-top: 10px; border-top: 1px solid #385264; }
.sitesgy-account-signout:hover { color: #effffb; text-decoration: underline; }
.sitesgy-account-noscript { padding: 12px 20px; color: #afc3da; background: #0c1f2b; font: 14px/1.5 Arial, sans-serif; }
.sitesgy-account-noscript a { display: inline-flex; align-items: center; min-height: 44px; margin-right: 16px; color: #8ae5f2; }
@media (max-width: 480px) {
    .sitesgy-account-toolbar { padding-inline: 8px; }
    .sitesgy-account-navigation .sitesgy-account-menu { width: 216px; }
}