/* Native Sigma palette and frame; the actor here is the saved GitHub session. */
.header-actions { display:flex; align-items:center; gap:24px; margin-left:auto; }
.site-header .header-actions > nav { flex-wrap:nowrap; width:auto; }
.account-menu { position:relative; flex:none; }
.account-avatar { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--line); border-radius:50%; background:var(--soft); color:var(--green); font-size:16px; font-weight:600; cursor:pointer; list-style:none; }
.account-avatar::-webkit-details-marker { display:none; }
.account-menu[open] > .account-avatar { outline:2px solid var(--focus); outline-offset:3px; }
.account-menu-panel { position:absolute; z-index:100; top:calc(100% + 12px); right:0; width:min(304px, calc(100vw - 40px)); max-height:min(720px, calc(100svh - 140px)); overflow:auto; overscroll-behavior:contain; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:12px; box-shadow:0 12px 30px var(--welcome-shadow); font-size:13px; }
.account-menu-identity { padding:16px; border-bottom:1px solid var(--line); }
.account-menu-identity strong, .account-menu-identity span { display:block; overflow-wrap:anywhere; }
.account-menu-identity span { margin-top:4px; color:var(--muted); font-size:12px; }
.account-menu-group { padding:12px; }
.account-menu-group + .account-menu-group { border-top:1px solid var(--line); }
.account-menu-group h2, .account-menu-group h3 { margin:0 4px 6px; font-family:inherit; font-weight:600; font-size:11px; line-height:1.4; letter-spacing:.02em; color:var(--muted); }
.account-menu-group h3 { margin-top:10px; }
.account-menu-group p, .account-menu-signout p { margin:0 4px 6px; color:var(--muted); font-size:11px; line-height:1.5; }
.account-menu-group > a { display:flex; align-items:center; gap:10px; min-height:36px; padding:8px; border-radius:6px; }
.account-menu-group a:hover, .account-menu-signout button:hover { background:var(--soft); text-decoration:none; }
.account-menu-group .account-profile-link { font-weight:600; }
.account-services { display:flex; flex-direction:column; gap:2px; }
.account-services > a, .account-service-current { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:9px 8px; border-radius:6px; font-size:12px; min-height:36px; }
.account-service-current { background:var(--soft); }
.account-service-current small { flex:none; color:var(--muted); font-size:10px; }
.account-menu-icon { display:block; width:18px; height:18px; flex:0 0 18px; }
.account-product-icon { object-fit:contain; }
.account-nav-label { display:inline-flex; align-items:center; gap:8px; min-width:0; }
.mn-chat-mark { display:inline-block; width:18px; height:18px; flex:none; background:currentColor; mask:url('/static/mn-chat-at-mark.svg') center / contain no-repeat; -webkit-mask:url('/static/mn-chat-at-mark.svg') center / contain no-repeat; }
.account-menu-signout { border-top:1px solid var(--line); padding:12px; }
.account-menu-signout button { display:flex; align-items:center; gap:10px; width:100%; min-height:40px; padding:8px; border:0; border-radius:6px; background:transparent; color:var(--ink); font-size:13px; text-align:left; }
.account-menu-signout p { margin-top:4px; margin-bottom:0; }
.account-menu :focus-visible { outline:2px solid var(--focus); outline-offset:1px; }
@media(max-width:580px) { .header-actions { gap:16px; } }
@media(max-width:380px) { .header-actions { width:100%; justify-content:space-between; } .account-menu-panel { max-height:calc(100svh - 180px); } }
