@import url('./tokens.css');
.ws-account { position:relative; display:flex; align-items:center; gap:12px; text-align:left; font-size:var(--fs-sm); color:var(--text); }
.ws-account [hidden] { display:none!important; }
.ws-account-session { display:flex; align-items:center; gap:12px; }
.ws-account a { text-decoration:none; }
.ws-account-loading { color:var(--muted); font-size:var(--fs-xs); }
.ws-login,.ws-retry { background:var(--card); padding:9px 15px; border:1px solid var(--border); border-radius:var(--r); color:var(--wb-action); font:inherit; cursor:pointer; }
.ws-points { color:var(--muted); white-space:nowrap; }
.ws-points strong { font-variant-numeric:tabular-nums; font-weight:650; color:var(--text); margin-left:5px; }
.ws-tier { padding:5px 10px; background:var(--accent-soft); color:var(--wb-action); border-radius:8px; white-space:nowrap; font-size:var(--fs-xs); }
.ws-profile { position:relative; }
.ws-profile-button { border:0; background:transparent; display:flex; align-items:center; gap:8px; padding:5px; color:var(--text); font:inherit; cursor:pointer; border-radius:var(--r); }
.ws-profile-button:hover { background:var(--accent-soft); }
.ws-avatar { width:32px; height:32px; border-radius:10px; background:var(--wb-action); color:var(--card); display:grid; place-items:center; font-weight:600; }
.ws-name { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ws-profile-menu { position:absolute; z-index:150; right:0; top:calc(100% + 10px); width:258px; max-width:calc(100vw - 24px); padding:8px; border:1px solid var(--border); border-radius:var(--radius-mid); background:var(--card); box-shadow:var(--shadow); }
.ws-profile-info { display:grid; gap:6px; padding:12px 10px 16px; border-bottom:1px solid var(--border); margin-bottom:6px; overflow-wrap:anywhere; }
.ws-profile-info span { font-size:var(--fs-xs); color:var(--muted); }
.ws-profile-menu>a,.ws-profile-menu>button { display:block; width:100%; text-align:left; font:inherit; color:var(--text); padding:10px; border:0; background:transparent; border-radius:8px; cursor:pointer; }
.ws-profile-menu>a:hover,.ws-profile-menu>button:hover { background:var(--accent-soft); color:var(--wb-action); }
.ws-profile-menu>.ws-signout { border-top:1px solid var(--border); border-radius:0; margin-top:6px; padding-top:14px; color:var(--muted); }
.ws-account-message { display:block; padding:0 10px; color:var(--muted); font-size:var(--fs-xs); }
.ws-account :is(button,a):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.ws-topbar { height:78px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 36px; background:var(--card); border-bottom:1px solid var(--border); position:sticky; top:0; z-index:100; }
.ws-breadcrumb { display:flex; align-items:center; gap:12px; font-size:var(--fs-sm); color:var(--muted); min-width:0; }
.ws-breadcrumb a { color:var(--muted); text-decoration:none; white-space:nowrap; }
.ws-breadcrumb strong { font-weight:600; color:var(--text); }
.ws-nav-toggle { display:none; background:transparent; border:1px solid var(--border); border-radius:var(--r); padding:7px 10px; cursor:pointer; font:inherit; }
@media(min-width:1280px){.ws-profile-info .ws-cooperation{display:inline-block;align-self:flex-start;margin-top:8px;padding:4px 8px;border-radius:6px;background:#edf4f2;color:#3e7167;font-size:13px;font-weight:600}.ws-profile-info .ws-cooperation[hidden]{display:none}}