/* Account navigation on all public portal and dashboard headers. */
.kudagang-header-right .session-dropdown {
    --account-surface: #fff;
    --account-soft: #f2f6fc;
    --account-border: #dce4ee;
    --account-text: #273b4a;
    --account-muted: #63758a;
    --account-blue: #084fb9;
    --account-danger: #bc3946;
    --account-danger-soft: #fff1f2;
}
html.dark-scheme .kudagang-header-right .session-dropdown {
    --account-surface: #121f30;
    --account-soft: #1c3049;
    --account-border: #2c4059;
    --account-text: #edf4ff;
    --account-muted: #a8b9cc;
    --account-blue: #90baff;
    --account-danger: #ff9ba4;
    --account-danger-soft: #352432;
}
body .kudagang-header-right .kudagang-header-bnts .session-btn {
    gap: 10px;
    min-height: 44px;
    max-width: 260px;
    padding: 7px 12px 7px 7px;
    border: 1px solid rgb(255 255 255 / 16%);
    border-radius: 14px;
    background: #084fb9;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgb(8 79 185 / 12%);
}
body .kudagang-header-right .kudagang-header-bnts .session-btn:hover { background: #0f4494; border-color: rgb(255 255 255 / 30%); }
body .kudagang-header-right .kudagang-header-bnts .session-avatar { width: 32px; height: 32px; min-width: 32px; border: 2px solid rgb(255 255 255 / 45%); }
.session-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.session-chevron { flex: 0 0 16px; width: 16px; height: 16px; margin-left: 2px; opacity: .8; transition: transform .2s; }
.session-dropdown:hover .session-chevron, .session-dropdown:focus-within .session-chevron { transform: rotate(180deg); }
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu {
    top: calc(100% + 10px);
    width: 274px;
    min-width: 0;
    max-width: calc(100vw - 32px);
    padding: 10px;
    border-radius: 18px;
    background: var(--account-surface);
    border: 1px solid var(--account-border);
    box-shadow: 0 16px 40px rgb(10 35 70 / 16%);
    transform: translateY(6px);
}
/* Bridge the visual gap so the menu stays open as the pointer moves down. */
.session-dropdown-menu::before { content: ''; position: absolute; inset: -12px 0 auto; height: 12px; }
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu .session-menu-label { margin: 0; padding: 6px 10px 12px; color: var(--account-muted); font-size: 9px; font-weight: 600; line-height: 1.5; letter-spacing: .12em; }
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu a { gap: 12px; padding: 12px 10px; border-radius: 11px; color: var(--account-text); font-size: 13px; line-height: 1.5; font-weight: 500; transition: background .2s, color .2s; }
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu a:hover,
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu a:focus-visible { background: var(--account-soft); color: var(--account-blue); }
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu a:focus-visible { outline: 2px solid var(--account-blue); outline-offset: -2px; }
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu .dropdown-icon { width: 38px; height: 38px; border-radius: 12px; background: var(--account-soft); color: var(--account-blue); transition: background .2s, color .2s; }
.dropdown-icon svg { width: 19px; height: 19px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.session-menu-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.session-menu-copy strong { font-size: 13px; font-weight: 600; }
.session-menu-copy small { color: var(--account-muted); font-size: 10px; font-weight: 400; }
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu .session-logout { margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--account-border); border-radius: 0 0 11px 11px; }
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu .session-logout .dropdown-icon { background: var(--account-danger-soft); color: var(--account-danger); }
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu .session-logout:hover,
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu .session-logout:focus-visible { background: var(--account-danger-soft); color: var(--account-danger); }
@media (prefers-reduced-motion: reduce) { .session-chevron, body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu, body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu a { transition: none; } }
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu .session-dashboard:hover .dropdown-icon,
body .kudagang-header-right .kudagang-header-bnts .session-dropdown-menu .session-dashboard:focus-visible .dropdown-icon { background: var(--account-blue); color: var(--account-surface); }