/* Shared header account card and desktop sidebar. No product/order list. */
.top-member-menu-card { color:#e8e0cf; background:linear-gradient(160deg,#171208,#0e0b07); border:1px solid rgba(201,168,76,.26); border-radius:12px; padding:22px; box-sizing:border-box; }
.top-member-menu-card__identity { text-align:center; padding:8px 0 22px; border-bottom:1px solid rgba(201,168,76,.22); }
.top-member-menu-card__avatar { display:flex; align-items:center; justify-content:center; width:76px; height:76px; margin:0 auto 16px; border:1px solid #80672d; border-radius:50%; box-shadow:0 0 0 7px rgba(201,168,76,.04); background:radial-gradient(circle at 50% 30%,#31260f,#100d07); color:#d9ba63; font:700 28px/1 'Cinzel',Georgia,serif; }
.top-member-menu-card__name { font:600 15px/1.45 'Cinzel',Georgia,serif; text-transform:uppercase; letter-spacing:.06em; overflow-wrap:anywhere; }
.top-member-menu-card__email { color:#a99a7d; font-size:13px; line-height:1.5; font-style:italic; margin-top:6px; overflow-wrap:anywhere; }
.top-member-menu-card__since { color:#ad955e; font:10px/1.6 'Cinzel',Georgia,serif; text-transform:uppercase; letter-spacing:.12em; margin-top:9px; }
.top-member-menu-card__tier { display:inline-block; padding:9px 17px; border-radius:4px; margin-top:16px; background:#c9a84c; color:#090704; font:700 10px/1.4 'Cinzel',Georgia,serif; text-transform:uppercase; letter-spacing:.16em; }
.top-member-menu-card__nav { display:flex; flex-direction:column; gap:7px; padding-top:20px; }
.top-member-menu-card__nav a { display:flex; align-items:center; gap:10px; min-height:44px; box-sizing:border-box; padding:11px 12px; border:1px solid transparent; border-radius:6px; color:#c2ad77; text-decoration:none; text-transform:uppercase; font:600 11px/1.5 'Cinzel',Georgia,serif; letter-spacing:.1em; }
.top-member-menu-card__nav a:hover,.top-member-menu-card__nav a[aria-current="page"] { background:rgba(201,168,76,.09); border-color:rgba(201,168,76,.28); color:#ead191; }
.top-member-menu-card__nav .top-member-menu-card__sanctum { border-color:rgba(201,168,76,.36); }
.top-member-menu-card__nav .top-member-menu-card__logout { justify-content:center; margin-top:13px; text-align:center; color:#bb8278; border-color:rgba(149,79,64,.4); font-size:10px; }
.top-member-menu-card__badge { margin-left:auto; padding:1px 6px; border-radius:12px; background:#c9a84c; color:#080706; }
.top-account-panel.top-member-panel { box-sizing:border-box; width:min(400px,100vw); height:auto; max-height:calc(100dvh - var(--nav-h,80px) - 16px); top:calc(var(--nav-h,80px) + 8px); right:12px; padding:36px 10px 10px; background:#0b0906; border:1px solid rgba(201,168,76,.25); border-radius:12px; box-shadow:0 22px 70px #0009; visibility:hidden; opacity:0; pointer-events:none; transform:translateY(-8px); transition:opacity .18s ease,transform .18s ease,visibility .18s; overflow-y:auto; overscroll-behavior:contain; }
.top-account-panel.top-member-panel.top-account-panel--open { right:12px; visibility:visible; opacity:1; pointer-events:auto; transform:none; }
.top-member-panel__close { position:absolute; right:8px; top:1px; height:34px; width:40px; border:0; background:transparent; color:#dcc17b; font-size:26px; cursor:pointer; }
.top-member-panel a:focus-visible,.top-member-panel button:focus-visible,.top-member-menu-card a:focus-visible { outline:2px solid #e4c975; outline-offset:2px; }
.top-account-sidebar.top-account-sidebar--shared { border:0!important; background:transparent!important; padding:0!important; }
@media(max-width:780px) {
 .top-account-page .top-account-layout { grid-template-columns:minmax(0,1fr); }
 .top-account-page .top-account-sidebar--shared { display:none!important; }
 .top-account-panel.top-member-panel,.top-account-panel.top-member-panel.top-account-panel--open { right:8px; width:calc(100vw - 16px); padding-bottom:calc(10px + env(safe-area-inset-bottom)); }
}
@media(prefers-reduced-motion:reduce) { .top-account-panel.top-member-panel { transition:none; } }