/* VRL: logged-in account chip in the nav (loaded with session.js) */
.acct{position:relative}
.acct-btn{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 12px 5px 6px;transition:.18s}
.acct-btn:hover{border-color:var(--accent);box-shadow:0 1px 3px rgba(11,31,42,.07)}
.acct-btn .av{width:30px;height:30px;border-radius:50%;background:var(--navy-d);color:#fff;font-family:var(--font-d);font-weight:700;font-size:12px;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;flex:none}
.acct-btn .who{display:grid;gap:1px;text-align:left;line-height:1.15}
.acct-btn .who b{font-family:var(--font-d);font-size:13px;font-weight:700;letter-spacing:.005em;word-spacing:.12em;color:var(--navy);max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}
.acct-btn .ok{display:flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);white-space:nowrap;line-height:1.2}
.acct-btn .ok svg{width:10px;height:10px}
.acct-btn .cv{width:15px;height:15px;color:var(--gray-2);transition:transform .2s}
.acct.on .acct-btn .cv,.acct-wrap.on .cv{transform:rotate(180deg)}
.acct-wrap{position:relative}
.acct-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:236px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px rgba(11,31,42,.16);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s cubic-bezier(.2,.7,.3,1);z-index:120}
.acct.on .acct-menu,.acct-wrap.on .acct-menu{opacity:1;visibility:visible;transform:none}
.am-head{display:grid;gap:2px;padding:12px 12px 13px;border-bottom:1px solid var(--line-2);margin-bottom:6px}
.am-head b{font-family:var(--font-d);font-size:14px;letter-spacing:0;word-spacing:.12em;color:var(--navy)}
.am-head span{font-size:12px;color:var(--gray)}
.acct-menu a,.acct-menu .am-out{display:block;width:100%;text-align:left;background:none;border:0;font-family:var(--font-b);font-size:13.5px;color:#3D4C58;padding:9px 12px;border-radius:8px;transition:.15s}
.acct-menu a:hover,.acct-menu .am-out:hover{background:#F1F5F6;color:var(--accent)}
.acct-menu .am-out{margin-top:6px;border-top:1px solid var(--line-2);border-radius:0 0 8px 8px;color:#96504F}
.acct-menu .am-out:hover{background:#FBECEC;color:#A93B3B}
@media(max-width:820px){.acct-btn .who{display:none}.acct-btn{padding:5px}}

.mm-acct{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line-2);margin-top:8px;padding-top:14px}
.mm-who{display:grid;gap:2px}
.mm-who b{font-family:var(--font-d);font-size:14.5px;letter-spacing:0;word-spacing:.12em;color:var(--navy)}
.mm-who span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.mm-out{background:none;border:1px solid var(--line);border-radius:8px;font-family:var(--font-b);font-size:13px;font-weight:600;color:#96504F;padding:8px 14px}
.mm-out:hover{background:#FBECEC;border-color:#E7C7C7;color:#A93B3B}