/* Account menu + currency pill (Claude Design "Account Menu", 2026-10-21). Scoped to .ch-account. */
.ch-account{--cha-navy:#313447;--cha-orange:#F08A00;--cha-ink:#1A1F36;--cha-muted:#5E6478;--cha-panel:#F4F6FB;--cha-border:#E3E6EF;
  display:flex;align-items:center;gap:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:15px;line-height:1.3;-webkit-font-smoothing:antialiased;}
.ch-account *,.ch-account *::before,.ch-account *::after{box-sizing:border-box;}
.ch-account [hidden]{display:none !important;}
.ch-account svg{display:block;flex:none;}
.ch-account .ch-account__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
/* Pills on navy: currency, account trigger, create account */
.ch-account .ch-account__pill{appearance:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;margin:0;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:transparent;color:#fff;font:inherit;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s;}
.ch-account .ch-account__pill:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.36);color:#fff;}
.ch-account .ch-account__pill:focus-visible{outline:2px solid var(--cha-orange);outline-offset:2px;}
.ch-account .ch-account__pill[aria-expanded="true"]{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);}
.ch-account .ch-account__chev{width:16px;height:16px;opacity:.8;transition:transform .15s;}
.ch-account [aria-expanded="true"] .ch-account__chev{transform:rotate(180deg);}
.ch-account .ch-account__flag{width:20px;height:14px;border-radius:2px;}
/* Account trigger */
.ch-account .ch-account__wrap{position:relative;}
.ch-account .ch-account__trigger{padding:0 10px 0 4px;}
.ch-account .ch-account__avatar{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;flex:none;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 2px var(--cha-orange);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1;}
.ch-account .ch-account__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;}
/* Dropdown panel */
.ch-account .ch-account__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;width:272px;padding:6px;background:#fff;border:1px solid var(--cha-border);border-radius:12px;box-shadow:0 16px 40px rgba(26,31,54,.22),0 2px 6px rgba(26,31,54,.08);color:var(--cha-ink);text-align:left;opacity:0;transform:translateY(-4px);transform-origin:top right;transition:opacity .14s ease,transform .14s ease;}
.ch-account .ch-account__panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;}
.ch-account .ch-account__panel.is-visible{opacity:1;transform:none;}
.ch-account .ch-account__handle,.ch-account .ch-account__sheet-head,.ch-account .ch-account__backdrop{display:none;}
.ch-account .ch-account__who{display:flex;align-items:center;gap:12px;padding:10px 10px 12px;margin-bottom:6px;border-bottom:1px solid var(--cha-border);}
.ch-account .ch-account__who .ch-account__avatar{width:40px;height:40px;font-size:14px;background:var(--cha-navy);box-shadow:none;}
.ch-account .ch-account__who-text{min-width:0;}
.ch-account .ch-account__fullname{font-weight:600;color:var(--cha-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ch-account .ch-account__email{margin-top:2px;font-size:13px;color:var(--cha-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ch-account .ch-account__list{display:flex;flex-direction:column;}
.ch-account form{margin:0;}
.ch-account .ch-account__item{position:relative;appearance:none;display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:8px 10px;margin:0;border:0;border-radius:8px;background:none;color:var(--cha-ink);font:inherit;font-weight:500;text-align:left;text-decoration:none;cursor:pointer;}
.ch-account .ch-account__item:hover{background:var(--cha-panel);color:var(--cha-ink);}
.ch-account .ch-account__item:focus{outline:none;}
.ch-account .ch-account__item:focus-visible{background:var(--cha-panel);box-shadow:inset 0 0 0 2px var(--cha-orange);}
.ch-account .ch-account__icon{width:18px;height:18px;color:var(--cha-muted);}
.ch-account .ch-account__label{display:flex;flex-direction:column;min-width:0;}
.ch-account .ch-account__sub{margin-top:1px;font-size:12.5px;font-weight:400;color:var(--cha-muted);}
.ch-account .ch-account__item[aria-current="page"]{font-weight:600;background:#FFF6EA;}
.ch-account .ch-account__item[aria-current="page"]::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--cha-orange);}
.ch-account .ch-account__item[aria-current="page"] .ch-account__icon{color:var(--cha-ink);}
.ch-account .ch-account__sep{height:1px;margin:6px 4px;background:var(--cha-border);}
.ch-account .ch-account__item--quiet{color:var(--cha-muted);}
.ch-account .ch-account__item--quiet:hover{color:var(--cha-ink);}
/* Signed out */
.ch-account .ch-account__signin{display:inline-flex;align-items:center;height:40px;padding:0 10px;border-radius:8px;color:#fff;font-weight:600;text-decoration:none;white-space:nowrap;}
.ch-account .ch-account__signin:hover{color:#fff;text-decoration:underline;text-underline-offset:4px;}
.ch-account .ch-account__signin:focus-visible{outline:2px solid var(--cha-orange);outline-offset:2px;}
.ch-account .ch-account__create{padding:0 16px;border-color:rgba(255,255,255,.55);}
.ch-account .ch-account__create:hover{border-color:#fff;}
/* Mobile: avatar-only trigger, bottom sheet */
@media (max-width:767px){
  .ch-account{gap:6px;}
  .ch-account .ch-account__pill{height:44px;}
  .ch-account .ch-account__currency{padding:0 10px;}
  .ch-account .ch-account__currency .ch-account__chev{display:none;}
  .ch-account .ch-account__trigger{width:44px;padding:0;justify-content:center;}
  .ch-account .ch-account__trigger .ch-account__name,.ch-account .ch-account__trigger .ch-account__chev{display:none;}
  .ch-account .ch-account__trigger .ch-account__avatar{width:34px;height:34px;font-size:13px;}
  .ch-account .ch-account__signin{height:44px;padding:0 8px;}
  .ch-account .ch-account__create{padding:0 14px;}
  .ch-account .ch-account__backdrop{display:block;position:fixed;inset:0;z-index:1000;background:rgba(26,31,54,.5);opacity:0;transition:opacity .2s;}
  .ch-account .ch-account__backdrop.is-visible{opacity:1;}
  .ch-account .ch-account__panel{position:fixed;top:auto;left:0;right:0;bottom:0;z-index:1001;width:auto;max-height:88vh;overflow-y:auto;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 32px rgba(26,31,54,.25);opacity:1;transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1);}
  .ch-account .ch-account__panel::before{display:none;}
  .ch-account .ch-account__panel.is-visible{transform:none;}
  .ch-account .ch-account__handle{display:block;width:40px;height:4px;margin:0 auto 4px;border-radius:2px;background:#D3D7E2;}
  .ch-account .ch-account__sheet-head{display:flex;align-items:center;justify-content:space-between;padding-left:4px;}
  .ch-account .ch-account__sheet-title{font-size:17px;font-weight:700;color:var(--cha-ink);}
  .ch-account .ch-account__close{appearance:none;width:44px;height:44px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;background:var(--cha-panel);color:var(--cha-ink);cursor:pointer;}
  .ch-account .ch-account__close:focus-visible{outline:2px solid var(--cha-orange);outline-offset:2px;}
  .ch-account .ch-account__who{padding:12px 4px 14px;}
  .ch-account .ch-account__item{min-height:48px;padding:10px 12px;font-size:16px;}
  .ch-account .ch-account__icon{width:20px;height:20px;}
}
html.ch-account-lock,html.ch-account-lock body{overflow:hidden;}
@media (prefers-reduced-motion:reduce){
  .ch-account .ch-account__panel,.ch-account .ch-account__backdrop,.ch-account .ch-account__chev{transition:none !important;}
}