.main-content.lf-has-overview-account-bar {
    padding-top: 0 !important;
}

/* 团队总览主题会在后加载并重新写入 28px 顶部留白；
   提升选择器优先级，让三个总览页与首页账户条保持同一条 y=0 基线。 */
.mio-team-page .main-content.lf-has-overview-account-bar {
    padding-top: 0 !important;
}

.lf-overview-account-bar {
    position: sticky;
    top: 0;
    z-index: 80;
    height: 60px;
    min-height: 60px;
    margin-bottom: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    background: rgba(5, 5, 5, 0.92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.lf-overview-account-bar__store {
    height: 34px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(215, 181, 109, 0.42);
    border-radius: 999px;
    background: rgba(184, 137, 63, 0.1);
    color: #e7c675;
    font: 650 12.5px inherit;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.lf-overview-account-bar__store:hover {
    border-color: rgba(231, 198, 117, 0.7);
    background: rgba(184, 137, 63, 0.2);
    color: #f0d99d;
}

.lf-overview-account-bar__store svg {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
}

.lf-overview-account-bar__credits {
    height: 34px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
}

.lf-overview-account-bar__action {
    height: 26px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(255, 255, 255, 0.88);
    font: 650 12.5px inherit;
    white-space: nowrap;
    cursor: pointer;
    transition: color .18s ease, background .18s ease;
}

.lf-overview-account-bar__action:hover {
    color: #ecd28e;
    background: rgba(184, 137, 63, 0.12);
}

.lf-overview-account-bar__action--balance {
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.lf-overview-account-bar__spark {
    width: 13px;
    height: 13px;
    color: #d7b56d;
}

.lf-overview-account-bar__divider {
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.12);
}

.lf-overview-account-bar__credits.is-low {
    border-color: rgba(215, 181, 109, 0.4);
    background: rgba(184, 137, 63, 0.09);
}

.lf-overview-account-bar__credits.is-low .lf-overview-account-bar__action--balance,
.lf-overview-account-bar__credits.is-low .lf-overview-account-bar__spark {
    color: #e7bd67;
}

.lf-overview-account-bar__profile {
    max-width: 300px;
    height: 34px;
    padding: 0 9px 0 4px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.9);
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
    transition: border-color .18s ease, background .18s ease;
}

.lf-overview-account-bar__profile:hover,
.lf-overview-account-bar__profile.is-open {
    border-color: rgba(215, 181, 109, 0.45);
    background: rgba(184, 137, 63, 0.1);
}

.lf-overview-account-bar__avatar {
    position: relative;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
}

.lf-overview-account-bar__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid rgba(215, 181, 109, 0.42);
    border-radius: 50%;
}

.lf-overview-account-bar__flag {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 15px;
    height: 15px;
    display: grid;
    place-items: center;
    border: 1.5px solid #050505;
    border-radius: 50%;
    background: linear-gradient(140deg, #e6cd93, #c19a4e);
    color: #1a1408;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}

.lf-overview-account-bar__profile.is-team .lf-overview-account-bar__flag {
    background: linear-gradient(140deg, #e4e8ee, #aeb5c0);
    color: #1b1d22;
}

.lf-overview-account-bar__profile.is-team .lf-overview-account-bar__avatar img {
    border-color: rgba(200, 208, 220, 0.42);
}

.lf-overview-account-bar__scope {
    min-width: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12.5px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lf-overview-account-bar__chevron {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    color: rgba(255, 255, 255, 0.38);
}

.lf-overview-account-bar__profile.is-open .lf-overview-account-bar__chevron {
    transform: rotate(180deg);
}

/* 小组、成员详情页：返回入口与全局账户操作位处于同一行。 */
.lf-overview-heading-row {
    position: sticky;
    top: 0;
    z-index: 80;
    min-height: 60px;
    margin-bottom: 26px;
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(5, 5, 5, 0.92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.lf-overview-heading-row .lf-overview-account-bar {
    position: static;
    z-index: auto;
    flex: 1;
    margin-bottom: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* 全局个人中心：主页和各级团队总览共用同一套视觉与信息结构。 */
.lf-account-center,
.lf-account-switcher {
    position: fixed;
    top: 62px;
    right: 24px;
    z-index: 2000;
    width: 360px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 76px);
    overflow-y: auto;
    border: 1px solid rgba(215, 181, 109, 0.24);
    border-radius: 16px;
    background: radial-gradient(320px 180px at 82% -12%, rgba(184, 137, 63, 0.14), transparent 72%), rgba(12, 12, 13, 0.985);
    box-shadow: inset 0 1px 0 rgba(215, 181, 109, 0.16), 0 24px 60px rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}

.lf-account-center.is-open,
.lf-account-switcher.is-open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.lf-account-switcher {
    right: 396px;
    z-index: 2001;
    width: 460px;
    overflow: hidden;
    background: radial-gradient(300px 170px at 15% -10%, rgba(184, 137, 63, 0.13), transparent 72%), rgba(12, 12, 13, 0.99);
}

.pp-block { padding: 12px; }
.pp-block + .pp-block { border-top: 1px solid rgba(255, 255, 255, 0.08); }
.pp-current { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 13px; background: rgba(255, 255, 255, 0.03); }
.pp-current__avatar { width: 38px; height: 38px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(215, 181, 109, 0.34); border-radius: 50%; background: linear-gradient(140deg, #e6cd93, #c19a4e); color: #1a1408; font-size: 12px; font-weight: 800; }
.pp-current__avatar img { width: 100%; height: 100%; object-fit: cover; }
.pp-current__avatar > span { display: none; }
.pp-current__avatar.is-team { border-radius: 11px; border-color: rgba(210, 218, 231, 0.38); background: linear-gradient(140deg, #e4e8ee, #aeb5c0); color: #1b1d22; }
.pp-current__avatar.is-team img { display: none; }
.pp-current__avatar.is-team > span { display: block; }
.pp-current__copy { min-width: 0; }
.pp-current__copy strong { display: block; overflow: hidden; color: rgba(255, 255, 255, 0.92); font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.pp-current__switch { padding: 7px 9px; display: flex; align-items: center; gap: 5px; border: 1px solid rgba(215, 181, 109, 0.32); border-radius: 9px; background: rgba(184, 137, 63, 0.1); color: #d7b56d; font: 650 10.5px inherit; white-space: nowrap; cursor: pointer; }
.pp-current__switch:hover,
.pp-current__switch[aria-expanded="true"] { border-color: rgba(215, 181, 109, 0.58); background: rgba(184, 137, 63, 0.2); color: #f2d792; }
.pp-perks { overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; background: rgba(255, 255, 255, 0.028); }
.pp-perk { padding: 11px 12px; display: flex; align-items: center; gap: 10px; }
.pp-perk + .pp-perk { border-top: 1px solid rgba(255, 255, 255, 0.07); }
.pp-perk__icon { width: 26px; height: 26px; flex: 0 0 26px; display: grid; place-items: center; border: 1px solid rgba(215, 181, 109, 0.26); border-radius: 8px; background: rgba(184, 137, 63, 0.1); color: #d7b56d; }
.pp-perk__copy { min-width: 0; flex: 1; }
.pp-perk__copy strong { display: block; color: rgba(255, 255, 255, 0.9); font-size: 12.5px; font-weight: 650; }
.pp-perk__copy small { display: block; margin-top: 2px; overflow: hidden; color: rgba(255, 255, 255, 0.38); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.pp-credit { padding: 0; display: inline-flex; align-items: center; border: 0; background: none; color: rgba(255, 255, 255, 0.9); font: 800 16.5px inherit; font-variant-numeric: tabular-nums; cursor: pointer; transition: color 0.16s; }
.pp-credit:hover,
.pp-credit:focus-visible { color: #d7b56d; }
.pp-credit:focus-visible { outline: 1px solid rgba(215, 181, 109, 0.48); outline-offset: 4px; border-radius: 4px; }
.pp-low { margin-left: 7px; padding: 2px 7px; border-radius: 999px; background: rgba(198, 161, 92, 0.14); color: #e7bd67; font-size: 9.5px; font-weight: 700; vertical-align: 2px; }
.pp-perk__actions { flex-shrink: 0; display: flex; gap: 6px; }
.pp-btn { padding: 6px 10px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 8px; background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.8); font: 650 11px inherit; cursor: pointer; }
.pp-btn:hover { border-color: rgba(215, 181, 109, 0.4); color: #f2d792; }
.pp-btn--gold { border-color: rgba(215, 181, 109, 0.42); background: rgba(184, 137, 63, 0.14); color: #f2d792; }
.pp-btn--gold:hover { background: rgba(184, 137, 63, 0.22); }

/* 用户身份区：昵称 + 成员徽标 + 邮箱 + 团队/小组下拉 */
.pp-identity-block { display: grid; gap: 10px; }
.pp-identity { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 11px; }
.pp-identity__avatar { width: 44px; height: 44px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(215, 181, 109, 0.34); border-radius: 50%; background: linear-gradient(140deg, #e6cd93, #c19a4e); }
.pp-identity__avatar img { width: 100%; height: 100%; object-fit: cover; }
.pp-identity__copy { min-width: 0; }
.pp-identity__name { display: flex; align-items: center; gap: 8px; min-width: 0; color: rgba(255, 255, 255, 0.95); font-size: 15px; font-weight: 750; line-height: 1.2; }
.pp-identity__name > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pp-role { flex: 0 0 auto; padding: 2px 8px; border: 1px solid rgba(215, 181, 109, 0.34); border-radius: 999px; background: rgba(184, 137, 63, 0.12); color: #d7b56d; font-size: 10px; font-weight: 700; white-space: nowrap; }
.pp-identity__account { display: block; margin-top: 5px; overflow: hidden; color: rgba(255, 255, 255, 0.4); font-size: 12px; letter-spacing: 0.01em; text-overflow: ellipsis; white-space: nowrap; }
/* 作用域条：团队名（只读）· 小组（内联下拉，可切换） */
.pp-scope { margin-top: 2px; padding: 8px 11px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 11px; background: rgba(255, 255, 255, 0.022); }
.pp-scope__icon { flex: 0 0 auto; color: #d7b56d; opacity: 0.85; }
.pp-scope__team { flex: 0 1 auto; min-width: 0; max-width: 46%; overflow: hidden; color: rgba(255, 255, 255, 0.85); font-size: 12.5px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.pp-scope__divider { flex: 0 0 auto; width: 1px; height: 13px; background: rgba(255, 255, 255, 0.14); }
.pp-scope__group { position: relative; flex: 1 1 auto; min-width: 0; display: flex; align-items: center; }
.pp-scope__select {
    width: 100%;
    min-width: 0;
    height: 30px;
    padding: 0 26px 0 10px;
    border: 1px solid rgba(215, 181, 109, 0.3);
    border-radius: 8px;
    outline: 0;
    background: rgba(184, 137, 63, 0.1);
    color: #e7c877;
    font: 650 12px inherit;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color 0.16s ease, background 0.16s ease;
}
.pp-scope__select:hover { border-color: rgba(215, 181, 109, 0.52); background: rgba(184, 137, 63, 0.16); }
.pp-scope__select:focus-visible { border-color: rgba(215, 181, 109, 0.7); }
.pp-scope__select::-ms-expand { display: none; }
.pp-scope__select option { background: #151515; color: #f3f3f3; }
.pp-scope__chevron { position: absolute; right: 9px; top: 50%; transform: translateY(-50%); color: #d7b56d; pointer-events: none; }
.pp-switcher-head { padding: 14px 14px 10px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.pp-switcher-head strong { color: rgba(255, 255, 255, 0.92); font-size: 13.5px; }
.pp-switcher-close { width: 26px; height: 26px; display: grid; place-items: center; border: 0; border-radius: 8px; background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.45); font-size: 17px; cursor: pointer; }
.pp-workspaces { padding: 10px 12px 8px; display: grid; gap: 6px; max-height: min(420px, calc(100vh - 230px)); overflow-y: auto; }
.pp-ws-section { padding: 5px 3px 1px; color: rgba(255, 255, 255, 0.34); font-size: 10px; font-weight: 650; }
.pp-ws-row { padding: 9px 10px; display: grid; grid-template-columns: minmax(0, 1fr) repeat(2, auto); align-items: center; gap: 6px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 11px; background: rgba(255, 255, 255, 0.022); color: rgba(255, 255, 255, 0.74); }
.pp-ws-row:hover,
.pp-ws-row.is-active { border-color: rgba(215, 181, 109, 0.4); background: rgba(184, 137, 63, 0.1); color: #fff; }
.pp-ws { min-width: 0; padding: 0; display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 10px; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pp-ws__icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: linear-gradient(140deg, #e6cd93, #c19a4e); color: #1a1408; font-size: 11px; font-weight: 700; }
.pp-ws__icon.is-team { background: linear-gradient(140deg, #e4e8ee, #aeb5c0); color: #1b1d22; }
.pp-ws__copy { min-width: 0; }
.pp-ws__copy strong { display: block; overflow: hidden; font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
.pp-ws__title { min-width: 0; display: flex; align-items: center; gap: 7px; }
.pp-ws__title strong { min-width: 0; }
.pp-ws__group-control { width: 138px; min-width: 0; display: inline-flex; align-items: center; gap: 4px; }
.pp-ws__separator { flex: 0 0 auto; color: rgba(255, 255, 255, 0.3); }
.pp-ws__group-select {
    width: 100%;
    min-width: 0;
    height: 26px;
    padding: 0 24px 0 7px;
    border: 1px solid rgba(215, 181, 109, 0.26);
    border-radius: 7px;
    outline: 0;
    background: rgba(184, 137, 63, 0.08);
    color: #e2c477;
    font: 650 10.5px inherit;
    text-overflow: ellipsis;
    cursor: pointer;
}
.pp-ws__group-select:hover,
.pp-ws__group-select:focus { border-color: rgba(215, 181, 109, 0.5); background: rgba(184, 137, 63, 0.15); }
.pp-ws__group-select option { background: #151515; color: rgba(255, 255, 255, 0.86); }
.pp-ws__role { flex: 0 0 auto; padding: 2px 6px; border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.48); font-size: 9px; font-style: normal; font-weight: 650; }
.pp-ws-section--pending { margin-top: 5px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.08); color: #d7b56d; }
.pp-ws-section--pending span { margin-left: 4px; padding: 1px 5px; border-radius: 999px; background: rgba(184, 137, 63, 0.14); }
.pp-ws-row--pending { width: 100%; grid-template-columns: 30px minmax(0, 1fr); border-style: dashed; font: inherit; text-align: left; cursor: pointer; }
.pp-ws-row--pending:hover { border-color: rgba(215, 181, 109, 0.45); background: rgba(184, 137, 63, 0.09); }
.pp-ws__icon.is-pending { background: rgba(184, 137, 63, 0.16); color: #d7b56d; }
.pp-switcher-actions { padding: 10px 12px 12px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.pp-ws-create { width: 100%; padding: 10px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 1px dashed rgba(215, 181, 109, 0.34); border-radius: 11px; background: none; color: #d7b56d; font: 650 11.5px inherit; cursor: pointer; }
.pp-ws-create:hover { border-color: rgba(215, 181, 109, 0.6); background: rgba(184, 137, 63, 0.08); color: #f2d792; }
.lf-center-menu { padding: 5px 6px; display: grid; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.lf-center-menu button { width: 100%; padding: 9px 10px; display: flex; align-items: center; gap: 10px; border: 0; border-radius: 9px; background: transparent; color: rgba(255, 255, 255, 0.7); font: 500 12px inherit; text-align: left; cursor: pointer; transition: background .16s ease, color .16s ease; }
.lf-center-menu button:hover { background: rgba(184, 137, 63, 0.12); color: #f2d792; }
.lf-center-menu button > span { width: 17px; flex: 0 0 17px; color: rgba(255, 255, 255, 0.42); font-size: 14px; text-align: center; }
.lf-center-menu button.is-danger { color: #d98a8a; }
.lf-center-menu button.is-danger:hover { background: rgba(196, 111, 111, 0.1); color: #efaaaa; }
.lf-center-menu__divider { height: 1px; margin: 3px 8px; background: rgba(255, 255, 255, 0.08); }
.lf-account-center__footer { padding: 6px 12px 12px; color: rgba(255, 255, 255, 0.3); font-size: 10px; text-align: center; }

.lf-utility-modal { position: fixed; inset: 0; z-index: 3100; padding: 20px; display: grid; place-items: center; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; pointer-events: none; transition: opacity .18s ease; }
.lf-utility-modal.is-open { opacity: 1; pointer-events: auto; }
.lf-utility-modal__card { width: min(460px, 100%); overflow: hidden; border: 1px solid rgba(215, 181, 109, 0.24); border-radius: 16px; background: radial-gradient(360px 180px at 84% -20%, rgba(184, 137, 63, 0.14), transparent 72%), #111112; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.72); transform: translateY(8px) scale(.985); transition: transform .18s ease; }
.lf-utility-modal.is-open .lf-utility-modal__card { transform: translateY(0) scale(1); }
.lf-utility-modal__head { padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.lf-utility-modal__head strong { color: rgba(255, 255, 255, 0.92); font-size: 15px; }
.lf-utility-modal__head button { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 8px; background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.5); font-size: 18px; cursor: pointer; }
.lf-utility-modal__body { padding: 18px; color: rgba(255, 255, 255, 0.65); font-size: 12.5px; line-height: 1.7; }
.lf-utility-modal__actions { padding: 12px 18px 16px; display: flex; justify-content: flex-end; gap: 8px; border-top: 1px solid rgba(255, 255, 255, 0.07); }
.lf-utility-copy h4 { margin: 0 0 4px; color: rgba(255, 255, 255, 0.86); font-size: 13px; }
.lf-utility-copy p { margin: 0 0 14px; }
.lf-utility-copy p:last-child { margin-bottom: 0; }
.lf-password-form { display: grid; gap: 12px; }
.lf-password-form label { display: grid; gap: 6px; color: rgba(255, 255, 255, 0.62); font-size: 11px; }
.lf-password-form input { width: 100%; height: 38px; padding: 0 11px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 9px; outline: 0; background: rgba(255, 255, 255, 0.04); color: #fff; font: 12px inherit; }
.lf-password-form input:focus { border-color: rgba(215, 181, 109, 0.52); box-shadow: 0 0 0 3px rgba(184, 137, 63, 0.08); }
.lf-form-error { min-height: 17px; margin: -2px 0 0; color: #d98a8a; font-size: 11px; }
.lf-logout-copy { text-align: center; }
.lf-logout-copy strong { color: rgba(255, 255, 255, 0.9); font-size: 15px; }
.lf-logout-copy p { margin: 7px 0 0; color: rgba(255, 255, 255, 0.42); }
.lf-invite-confirm { padding: 3px 0; display: flex; align-items: center; gap: 12px; }
.lf-invite-confirm__icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border: 1px solid rgba(215, 181, 109, 0.34); border-radius: 12px; background: rgba(184, 137, 63, 0.13); color: #d7b56d; font-weight: 750; }
.lf-invite-confirm strong { color: rgba(255, 255, 255, 0.9); font-size: 14px; }
.lf-invite-confirm p { margin: 4px 0 0; color: rgba(255, 255, 255, 0.46); }
.lf-utility-btn { min-width: 74px; padding: 8px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 9px; background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.74); font: 650 11.5px inherit; cursor: pointer; }
.lf-utility-btn--primary { border-color: rgba(215, 181, 109, 0.4); background: rgba(184, 137, 63, 0.16); color: #f2d792; }
.lf-utility-btn--danger { border-color: rgba(217, 138, 138, 0.34); background: rgba(196, 111, 111, 0.1); color: #efaaaa; }

@media (max-width: 760px) {
    .lf-overview-account-bar { margin-bottom: 14px; }
    .lf-overview-account-bar__profile { max-width: none; padding-right: 4px; }
    .lf-overview-account-bar__scope,
    .lf-overview-account-bar__chevron { display: none; }
    .lf-overview-account-bar__store { width: 34px; padding: 0; justify-content: center; }
    .lf-overview-account-bar__store span { display: none; }
    .lf-overview-heading-row { margin-bottom: 14px; gap: 8px; }
    .lf-account-center,
    .lf-account-switcher { right: 16px !important; left: 16px; width: auto; }
    .lf-account-switcher { z-index: 2002; }
}