/* CreatorKit Pro - the website's additions to style.css (the studio's look): the account menu, and the public pages
   (homepage, login, pricing) shown without the top bar. */

/* public pages and the paywall: no studio top bar */
.is-auth .top, .is-paywall .top { display: none; }
.is-auth main, .is-home main { max-width: none; padding: 0; }

/* the account menu, right of the top bar */
.acct { position: relative; }
.acct > summary { list-style: none; cursor: pointer; display: grid; place-items: center; }
.acct > summary::-webkit-details-marker { display: none; }
.acct > summary .avatar { width: 32px; height: 32px; background: #2e313b; color: #fff; border: 1px solid #3a3d48; font-size: 13px; }
.acct > summary:hover .avatar { background: #3a3d48; }
.acct-menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 230px; background: var(--surface); color: var(--text);
  border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 18px 50px -12px rgba(0,0,0,.35); padding: 6px; display: grid; gap: 2px; z-index: 120; }
.acct-menu a, .acct-menu button { display: flex; align-items: center; gap: 9px; border: 0; background: transparent; text-align: left; padding: 8px 10px;
  border-radius: 8px; cursor: pointer; font-size: 13.5px; color: var(--text); font-family: inherit; }
.acct-menu a:hover, .acct-menu button:hover { background: var(--bg2); }
.acct-h { display: grid; gap: 2px; padding: 8px 10px 6px; font-size: 13.5px; }
.acct-h b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px; }
.acct-h .dim { font-size: 12px; }

/* Voices: your saved voices, each with its own remove button */
.vrow { position: relative; padding-right: 34px; }
.vrow .x { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 13px; padding: 4px 6px; border-radius: 6px; }
.vrow .x:hover { background: var(--bg2); color: var(--text); }