/* css/modules/user.css: the .user-* module — split out of css/app.css by #360's sibling stage (#362).
   Load order is core.css, then every modules/*.css alphabetically; rules here
   are in their original relative order, and no selector in this file appears in
   any other (asserted in tests/css-split-check.js). */

.user-wrap{position:relative}
.user-menu{position:absolute;right:0;top:50px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px rgba(34,31,32,.18);min-width:210px;z-index:60;display:none;overflow:hidden}
.user-menu.is-open{display:block}
.user-menu__hd{padding:14px 16px;border-bottom:1px solid var(--line)}
.user-menu__hd b{display:block;font-weight:800}
.user-menu__hd span{color:var(--muted);font-weight:700;font-size:13px}
.user-menu__item{width:100%;text-align:left;background:none;border:none;padding:13px 16px;font-family:var(--font);font-weight:800;font-size:14px;color:var(--ink);cursor:pointer}
.user-menu__item:hover{background:var(--panel-2);color:var(--red)}
/* The identity row in the account menu. Three states, three treatments, and the
   hatched one is the same idiom .cmp-pill--indet uses: a verified sign-in that
   is not matched to anybody on the register is neither good nor bad news, it is
   "we cannot file a record against you", and a flat green tick there would tell
   somebody they are fully signed in when nothing they do will save. */
.user-menu__id{padding:10px 16px;border-bottom:1px solid var(--line);
  font-weight:700;font-size:11.5px;line-height:1.5;color:var(--muted)}
.user-menu__id b{display:block;font-size:12px;margin-bottom:2px}
/* --ok is the token .badge--green uses; one green, not a second one. */
.user-menu__id--ok b{color:var(--ok)}
.user-menu__id--ro b{color:var(--orange)}
.user-menu__id--ro{background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(245,138,42,.10) 6px 12px)}
.user-menu__id--sel b{color:var(--muted)}