.bf-account-menu{position:relative;font-size:14px;color:#253b40;text-align:left}
.bf-account-menu summary{cursor:pointer;list-style:none;border:1px solid #c8dad5;border-radius:24px;padding:10px 15px;background:#fff;font-weight:650;white-space:nowrap}
.bf-account-menu summary::-webkit-details-marker{display:none}.bf-account-menu summary:after{content:'⌄';margin-left:9px}
.bf-account-links{position:absolute;top:calc(100% + 10px);right:0;width:260px;max-width:calc(100vw - 32px);padding:8px;background:#fff;border:1px solid #dce5e1;border-radius:16px;box-shadow:0 12px 35px #12382e26;z-index:100}
.bf-account-links>a,.bf-account-links>span,.bf-account-links button{display:block;width:100%;box-sizing:border-box;padding:10px 12px;font:inherit;text-align:left;color:inherit;text-decoration:none;border:0;border-radius:8px;background:none}
.bf-account-links small{display:block;font-size:11px;color:#687b77;margin-top:2px}.bf-account-links>span{color:#687b77}
.bf-account-links a:hover,.bf-account-links button:hover{background:#edf5f1}.bf-account-links form{border-top:1px solid #e3eae6;margin:5px 0 0;padding-top:5px}.bf-account-links button{cursor:pointer}
.bf-account-menu summary:focus-visible,.bf-account-links a:focus-visible,.bf-account-links button:focus-visible{outline:2px solid #146c55;outline-offset:2px}
@media(max-width:768px){.bf-account-links{position:relative;top:auto;margin-top:8px;right:auto;box-shadow:none}}
@media(max-width:768px){.bf-marketing .bf-nav-actions:has(.bf-account-menu){flex-wrap:wrap;min-width:0}.bf-account-menu{flex:1 0 100%;order:3}.bf-account-menu summary{width:max-content}.bf-account-links{width:100%;box-sizing:border-box}}
.free-collection{margin-bottom:20px}.free-collection select,.free-collection input{max-width:100%;border:1px solid #ccdbea;border-radius:8px;padding:9px;font:inherit}.free-collection .consumer-tool-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.free-collection label{display:grid;gap:5px}.free-collection details{margin-top:16px}.free-import-preview{background:#f1f7ff;border:1px solid #bad8f4;border-radius:12px;padding:16px;margin-top:16px}.free-import-preview small{display:block}.free-import-preview button{margin:10px 8px 0 0}.consumer-build-dialog>form{display:grid;gap:16px;padding:16px}.consumer-build-dialog>p,.consumer-build-dialog>h2{margin:16px}

.bf-account-menu summary{display:flex;align-items:center;gap:9px;padding:5px 9px;border-color:transparent;background:transparent}.bf-person-avatar{position:relative;display:inline-block;width:34px;height:34px;overflow:hidden;border-radius:50%;background:#e5eff9;border:2px solid #fff;box-shadow:0 0 0 1px #d4e3f1;flex-shrink:0}.bf-person-avatar img{position:absolute;width:124%;max-width:none;height:124%;left:-12%;top:-12%;object-fit:cover}.bf-person-avatar[data-avatar-column="5"] img{left:-16%;width:128%;height:128%;top:-14%}.bf-person-name{max-width:130px;overflow:hidden;text-overflow:ellipsis}.bf-person-plan{color:#087beb;background:#e1efff;padding:7px 10px;border-radius:8px;font-size:12px;margin-right:5px}.bf-account-menu summary:after{margin-left:0}.bf-account-menu .fh-plan,.bf-account-menu .fh-avatar,.bf-account-menu .fh-account-name{display:none}
@media(max-width:1180px) and (min-width:769px){.bf-person-plan{display:none}.bf-person-name{max-width:90px}}

.bf-account-profile{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"avatar name" "avatar plan";align-items:center;gap:4px 12px;padding:12px;margin-bottom:6px;border-bottom:1px solid #e3eaf3}
.bf-account-profile .bf-person-avatar{grid-area:avatar;width:38px;height:38px}
.bf-account-profile .bf-person-name{grid-area:name;max-width:none;min-width:0;white-space:nowrap;font-weight:700}
.bf-account-profile .bf-person-plan{display:block;grid-area:plan;justify-self:start;margin:0;padding:3px 7px;font-size:11px}

.bf-account-links>a.bf-account-upgrade{background:#087beb;color:#fff;text-align:center;font-weight:700;margin:10px 0 6px}.bf-account-links>a.bf-account-upgrade:hover{background:#0068d7}

/* Individual 2026-11-04 avatars need no legacy sheet-crop offsets. */
.bf-person-avatar img,.bf-person-avatar[data-avatar-column="5"] img{width:100%;height:100%;left:0;top:0;object-fit:cover}