/* State is presentation-only and is read from the user's requested localStorage key. */
html:not([data-demo-auth="member"]) [data-demo-state="member"],
html[data-demo-auth="member"] [data-demo-state="guest"] { display:none!important; }
.demo-account-control { position:relative; }
.demo-account-trigger { cursor:pointer; }
.demo-account-avatar { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:26px; height:26px; border-radius:50%; background:rgb(255 255 255 / 16%); color:inherit; font-size:13px; font-weight:700; }
.demo-account-dropdown { position:absolute; z-index:110; top:calc(100% + 8px); right:0; width:160px; padding:6px; border:1px solid var(--cherry-line); border-radius:16px; background:var(--cherry-canvas); box-shadow:0 10px 30px rgb(var(--cherry-heading-rgb)/.08); }
.demo-account-dropdown button { display:flex; align-items:center; width:100%; min-height:40px; padding:9px 12px; border:0; border-radius:10px; background:transparent; color:var(--cherry-strong); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.demo-account-dropdown button:hover { background:var(--cherry-soft); color:var(--cherry-primary); }
.demo-account-dropdown button:focus-visible { outline:2px solid var(--cherry-primary); outline-offset:0; }
.mobile-menu .demo-account-control,.mobile-menu .demo-account-trigger { width:100%; }
.mobile-menu .demo-account-dropdown { position:static; width:100%; margin-top:8px; box-shadow:none; }