/* V4: one family header, fixed tabs and a quiet canvas. Original actions remain owners. */
:root{--htv-bg:#0A1730;--htv-card:#102746;--htv-line:#334F70;--htv-gold:#D9B36A;--htv-ink:#F2EFE8;--htv-muted:#AEBED0}
.htv-first-name{display:none}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyTreeHeader{padding:8px 12px!important;margin-bottom:6px!important;border-color:var(--htv-line)!important;border-radius:14px!important;background:var(--htv-card)!important;box-shadow:none!important;z-index:200!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-head-actions{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:0 10px!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-selector-wrap.htc-tree-select{grid-area:1/1!important;min-height:44px!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-selector-wrap .htc-tree-label{width:fit-content!important;max-width:100%!important;min-height:44px!important;padding:0!important;gap:10px!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-selector-wrap .htc-tree-family{font:650 17px/1.2 system-ui,sans-serif!important;letter-spacing:-.02em!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-selector-wrap .htc-tree-label::after{position:static!important;flex:0 0 6px!important;margin:0 3px 4px!important;transform:rotate(45deg)!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-header-meta{grid-area:2/1/3/-1!important;max-width:100%!important;gap:0 5px!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-header-meta>.htc-tree-detail{font:400 12px/1.35 system-ui,sans-serif!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-head-actions .tree-invite-action{grid-area:1/2/2/3!important;align-self:center!important;min-width:88px!important;padding:0 12px!important;border-radius:11px!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-header-pending>details.htc-header-unlinked>summary{min-height:32px!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-header-pending>details.htc-header-unlinked[open]>.humanidad-f3-unlinked-list{background:var(--htv-card)!important;border-color:var(--htv-line)!important}

/* Equal-width tab targets never slide or change size. Only the underline moves. */
html body #accountModal #familyView#familyView .account-view .family-section-nav{position:relative!important;z-index:20!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:0 0 12px!important;padding:0 0 3px!important;border:0!important;border-bottom:1px solid var(--htv-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
html body #accountModal #familyView#familyView .account-view .family-section-nav button{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important;width:100%!important;min-height:44px!important;height:44px!important;padding:0 3px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--htv-muted)!important;font:600 13px/1.2 system-ui,sans-serif!important;white-space:nowrap!important;transform:none!important;transition:color .18s ease!important}
html body #accountModal #familyView#familyView .account-view .family-section-nav button[aria-current="page"]{color:var(--htv-gold)!important;background:transparent!important;border:0!important}
html body #accountModal #familyView#familyView .account-view .family-section-nav::after{content:"";position:absolute;left:3%;bottom:-1px;width:27.333%;height:3px;border-radius:3px;background:var(--htv-gold);transform:translateX(0);transition:transform .2s ease;pointer-events:none}
html body #accountModal #familyView#familyView .account-view .family-section-nav:has(button:nth-child(2)[aria-current="page"])::after{transform:translateX(122%)}
html body #accountModal #familyView#familyView .account-view .family-section-nav:has(button:nth-child(3)[aria-current="page"])::after{transform:translateX(244%)}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .family-section-nav{margin-bottom:10px!important;padding:0 0 3px!important;border:0!important;border-bottom:1px solid var(--htv-line)!important;border-radius:0!important;background:transparent!important;gap:0!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .family-section-nav button{height:44px!important;min-height:44px!important;border:0!important;border-radius:0!important;background:transparent!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .family-section-nav button[aria-current="page"]{background:transparent!important;border:0!important}

html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search-row{position:relative!important;z-index:35!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;margin:0 0 8px!important;padding:0 8px!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;height:44px!important;box-sizing:border-box!important;margin:0!important;padding:0 12px!important;border:1px solid var(--htv-line)!important;border-radius:11px!important;background:var(--htv-card)!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search>span{font:30px/1 system-ui!important;color:var(--htv-muted)!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search input{width:100%!important;min-width:0!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--htv-ink)!important;box-shadow:none!important;font:400 16px/1.3 system-ui!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search input::placeholder{color:var(--htv-muted)!important;font-size:13px!important;opacity:1!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-filters{position:static!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-filters>summary{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;box-sizing:border-box!important;padding:0!important;border:1px solid var(--htv-line)!important;border-radius:11px!important;background:var(--htv-card)!important;list-style:none!important;cursor:pointer!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-filters>summary::-webkit-details-marker{display:none}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-filters>summary svg{width:23px;height:23px;fill:var(--htv-card);stroke:var(--htv-ink);stroke-width:1.5}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active :is(.htv-filter-panel,.htv-search-results){position:absolute!important;top:calc(100% + 6px)!important;left:8px!important;right:8px!important;z-index:100!important;box-sizing:border-box!important;max-height:min(55dvh,400px)!important;overflow:auto!important;overscroll-behavior:contain!important;padding:12px!important;border:1px solid var(--htv-line)!important;border-radius:13px!important;background:var(--htv-card)!important;color:var(--htv-ink)!important;box-shadow:0 12px 28px #020b1b55!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-filters:not([open])>.htv-filter-panel,html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search-results[hidden]{display:none!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-filter-panel>strong{display:block;margin-bottom:8px;font:600 14px/1.3 system-ui}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htv-filter-panel .humanidad-f3-toolbar{position:static!important;display:flex!important;flex-wrap:wrap!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htv-filter-panel .f3-nav-buttons{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htv-filter-panel :is(.hpx-side-group,.htc-nav-toggle,.f3-tech-menu,.f3-tech-menu ul,.hpx-chip){background:#172B44!important;border-color:var(--htv-line)!important;color:var(--htv-ink)!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htv-filter-panel .hpx-navigator{position:static!important;inset:auto!important;width:100%!important;max-height:none!important;margin:8px 0!important;padding:8px!important;border:1px solid var(--htv-line)!important;border-radius:10px!important;background:var(--htv-card)!important;box-shadow:none!important;overflow:auto!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htc-canvas:not(.htc-nav-open) .htv-filter-panel .hpx-navigator{display:none!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-filter-panel>.htc-btn,html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search-results button{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:44px!important;margin:4px 0!important;padding:8px 10px!important;border:1px solid var(--htv-line)!important;border-radius:8px!important;background:#172B44!important;color:var(--htv-ink)!important;text-align:left!important;white-space:normal!important;font:500 13px/1.3 system-ui!important;cursor:pointer!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-filter-panel>.htc-btn svg{width:20px;height:20px;fill:none;stroke:var(--htv-gold);stroke-width:1.7}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htc-canvas .htc-dock{display:flex!important;flex-direction:column!important;align-items:center!important;left:auto!important;right:10px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;gap:0!important;padding:3px!important;border:1px solid var(--htv-line)!important;border-radius:20px!important;background:var(--htv-card)!important;box-shadow:none!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htc-canvas .htc-zoom-group{display:contents!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htc-canvas .htc-dock .htc-btn{min-width:44px!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:12px!important;color:var(--htv-gold)!important;background:transparent!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htc-dock .htc-overview{order:3!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htc-dock .htc-zoom-in{order:1!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htc-dock .htc-zoom-out{order:2!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htc-dock .htc-btn>span{display:none!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-first-name{display:none}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active [data-htc-lod="overview"] .htv-full-name,html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active [data-htc-lod="compact"] .htv-full-name{display:none!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active [data-htc-lod="overview"] .htv-first-name,html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active [data-htc-lod="compact"] .htv-first-name{display:inline!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active :is(button,input,summary):focus-visible{outline:2px solid #F0D18C!important;outline-offset:2px!important}
html body .htc-sheet-backdrop .htc-sheet{background:var(--htv-card)!important;color:var(--htv-ink)!important;border-color:var(--htv-line)!important}
html body .htc-sheet-backdrop .htc-sheet-item{background:#172B44!important;color:var(--htv-ink)!important;border-color:var(--htv-line)!important}
@media(max-width:680px){html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-full-name{display:none!important}html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-first-name{display:inline!important}html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .humanidad-f3-role,html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .humanidad-f3-life{display:none!important}}
@media(prefers-reduced-motion:reduce){html body #accountModal #familyView#familyView .account-view .family-section-nav::after{transition:none!important}}

/* Search and optional tools share one stable row. */
html body #accountModal #familyView#familyView .account-view.tree-explore-v4.active .htv-search-row{grid-template-columns:minmax(0,1fr)!important;padding:0 8px!important}
html body #accountModal #familyView#familyView .account-view.tree-explore-v4.active .htv-search{width:100%!important}
html body #accountModal #familyView#familyView .account-view.tree-explore-v4.active :is(.humanidad-f3-toolbar,.f3-nav-buttons,.hpx-navigator){background:var(--htv-card)!important;border-color:var(--htv-line)!important;color:var(--htv-ink)!important}
html body #accountModal #familyView#familyView .account-view.tree-explore-v4.active :is(.f3-nav-buttons,.humanidad-f3-toolbar) :is(button,select){background:#193651!important;color:var(--htv-ink)!important;border-color:var(--htv-line)!important}
html body #accountModal #familyView#familyView .account-view.tree-explore-v4.active :is(.f3-nav-buttons,.humanidad-f3-toolbar) :is(button,select)[aria-pressed="true"]{background:var(--htv-gold)!important;color:var(--htv-bg)!important}

/* Tools live in one optional disclosure, outside the drawing area. */
 html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search-row{grid-template-columns:minmax(0,1fr) 44px!important;flex:none!important}
 html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-filters{display:block!important}
 html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htc-canvas .htc-dock{display:none!important}
 html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htc-canvas .htv-filter-panel .htc-dock{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-flow:row wrap!important;justify-content:center!important;gap:4px!important;padding:8px 0 0!important;border:0!important;border-top:1px solid var(--htv-line)!important;border-radius:0!important;background:transparent!important}
 html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htc-canvas .htv-filter-panel .humanidad-f3-toolbar{display:flex!important;min-height:0!important;padding:0!important}
 html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htc-canvas .htv-filter-panel .hpx-navigator{position:static!important;inset:auto!important;max-height:180px!important;overflow:auto!important}
 html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htc-canvas .htv-filter-panel .htc-dock .htc-zoom-label{display:none!important}
 html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search input::placeholder{font-size:14px!important}

html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyMemberList#familyMemberList .htv-filter-panel .htc-nav-toggle{display:inline-flex!important}
/* Keep the search focus indicator on its rounded container, including Safari. */
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search:focus-within{border-color:var(--htv-gold)!important;box-shadow:inset 0 0 0 1px var(--htv-gold)!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search input:focus{outline:none!important;box-shadow:none!important}

/* Distinct family directory and invitation workflow; reset legacy nested card surfaces. */
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .hrc-page-frame{width:100%;max-width:960px!important;margin:0 auto!important;padding:12px 16px 100px!important;box-sizing:border-box}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.social-head,.beta20-page-head){padding:4px 0 18px!important;margin:0 0 18px!important;min-height:0!important;border-bottom:1px solid #2d4059!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.social-head,.beta20-page-head) h2{font:650 28px/1.2 system-ui!important;letter-spacing:-.025em!important;margin:6px 0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.social-head,.beta20-page-head) p{font:400 14px/1.55 system-ui!important;margin:8px 0 0!important;color:#aebed0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .account-kicker{font:650 10px/1.4 system-ui!important;letter-spacing:.12em!important;color:#d9b36a!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .account-kicker::after{content:none!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.connection-list,.member-invitation-list,#beta20InviteListHost,.beta20-invite-form-host){display:grid!important;gap:12px!important;padding:0!important;margin:0 0 20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.connection-card,.member-invitation-card,.family-entry-card,.connection-privacy-note){display:grid!important;gap:12px!important;min-width:0!important;min-height:0!important;max-width:none!important;padding:18px!important;margin:0!important;border:1px solid #30455e!important;border-radius:16px!important;background:#102239!important;box-shadow:none!important;box-sizing:border-box!important;overflow-wrap:anywhere}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.connection-card,.member-invitation-card)>div:first-child{display:grid;gap:5px;min-width:0}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.connection-card,.member-invitation-card) strong{font:650 16px/1.4 system-ui!important;color:#f2efe8!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.connection-card,.member-invitation-card) small{font:400 13px/1.5 system-ui!important;color:#adbed1!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.connection-actions,.member-invitation-actions){display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-list-head{margin:24px 0 12px!important;padding:0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-list-head h3{font:650 18px/1.4 system-ui!important;margin:0 0 5px!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-list-head small{font:400 13px/1.5 system-ui!important;color:#aebed0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.family-entry-card h3,.family-entry-card p){margin:0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-entry-card h3{font:650 19px/1.35 system-ui!important;color:#f2efe8!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-entry-card h3::before{content:none!important;display:none!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-entry-card p{font:400 14px/1.5 system-ui!important;color:#aebed0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-entry-card::after{content:none!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-entry-mark{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:10px!important;background:#1a344d!important;color:#d9b36a!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-entry-mark svg{width:23px;height:23px}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .connection-privacy-note{grid-template-columns:24px minmax(0,1fr)!important;font:400 13px/1.5 system-ui!important;margin-bottom:20px!important;color:#aebed0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-privacy-icon{width:24px;height:24px;color:#d9b36a}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .connection-privacy-note b{display:block;margin-bottom:4px;color:#f2efe8}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-task{border:1px solid #30455e;border-radius:16px;background:#102239;margin:0 0 20px;overflow:hidden}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-task>summary{padding:16px;min-height:44px;box-sizing:border-box;font:600 15px/1.4 system-ui;color:#e4c57f;cursor:pointer}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-task .family-entry-card{border:0!important;border-top:1px solid #30455e!important;border-radius:0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .account-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:4px 0 0!important;padding:0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(input.account-field,select.account-field){width:100%!important;max-width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;padding:12px!important;box-sizing:border-box!important;border:1px solid #405974!important;border-radius:10px!important;background:#142c45!important;color:#f2efe8!important;font:400 16px/1.4 system-ui!important;box-shadow:none!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .account-field::placeholder{color:#aebed0!important;opacity:1!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .account-action{min-height:44px!important;height:auto!important;padding:11px 16px!important;margin:0!important;border-radius:10px!important;font:600 14px/1.4 system-ui!important;white-space:normal!important;box-shadow:none!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .account-action.secondary{background:#183149!important;color:#dbe7f4!important;border:1px solid #405974!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .account-status:empty{display:none!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .beta20-invite-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0!important;margin:0 0 20px!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .beta20-invite-summary>span{display:flex!important;align-items:center!important;gap:8px!important;padding:12px!important;min-width:0!important;border:1px solid #30455e!important;border-radius:12px!important;background:#102239!important;font:500 12px/1.3 system-ui!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .beta20-invite-summary strong{font:650 22px/1 system-ui!important;color:#e4c57f!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .member-invitation-state{justify-self:start!important;max-width:100%!important;box-sizing:border-box!important;padding:6px 9px!important;border:1px solid #405974!important;border-radius:8px!important;background:#19324b!important;color:#e4c57f!important;font:600 11px/1.4 system-ui!important;letter-spacing:.03em!important;white-space:normal!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .member-invitation-history{display:grid;gap:12px;border:0!important;border-top:1px solid #30455e!important;border-radius:0!important;background:transparent!important;padding:12px 0!important;margin:0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .connection-empty{font:400 14px/1.5 system-ui!important;padding:18px!important;border:1px dashed #405974!important;border-radius:12px!important;background:transparent!important;color:#aebed0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .invitation-flow-steps{display:none!important}

html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .htv-search-row{display:flex!important;justify-content:flex-end!important;height:44px!important;margin:0 0 4px!important}
@media(min-width:760px){html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .account-form:not(.claim-invite-form){grid-template-columns:repeat(2,minmax(0,1fr))!important}html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .beta20-invite-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .beta20-invite-summary{border-radius:0!important;overflow:visible!important;background:transparent!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .account-form{background:transparent!important;border:0!important;border-radius:0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .member-invitation-history{gap:12px!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .alc-panel{margin:0!important;padding:18px!important;border:0!important;border-top:1px solid #30455e!important;border-radius:0!important;background:#102239!important;box-shadow:none!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .alc-panel h3{font:650 18px/1.3 system-ui!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .alc-panel p{font:400 13px/1.5 system-ui!important;color:#aebed0!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .alc-actions{display:flex;flex-wrap:wrap;gap:8px}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .alc-actions button{min-height:44px;border:1px solid #405974;border-radius:10px;padding:10px 12px;color:#f2efe8;background:#183149}

html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) :is(.connection-card,.member-invitation-card) strong{display:flex!important;align-items:flex-start!important;gap:8px!important}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-person-icon{display:inline-flex;width:20px;height:22px;flex:0 0 20px;color:#d9b36a}
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view]:is([data-view="connections"],[data-view="invitations"]) .family-person-icon svg{width:20px;height:22px}

/* Explicitly remove collapsed task content from layout and hit testing. */
html.hno-ui body #accountModal #familyView#familyView .account-view[data-view] :is(.family-task,.member-invitation-history):not([open]) > :not(summary){display:none!important}

/* Compact aligned identity block; the invitation action spans name and count. */
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active #familyTreeHeader{padding:12px!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-head-actions{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:12px!important;row-gap:4px!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-selector-wrap.htc-tree-select{grid-area:1/1!important;min-height:0!important;align-self:end!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-selector-wrap .htc-tree-label{display:flex!important;min-height:0!important;width:100%!important;max-width:100%!important;padding:0!important;align-items:center!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-selector-wrap .htc-tree-family{font:650 16px/1.3 system-ui,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;overflow:visible!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-header-meta{grid-area:2/1!important;align-self:start!important;justify-content:flex-start!important;margin:0!important;padding:0!important;min-height:0!important;gap:4px 8px!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-header-meta>.htc-tree-detail{font:400 12px/1.4 system-ui,sans-serif!important;margin:0!important;padding:0!important}
html body #accountModal #familyView#familyView .account-view.tree-header-v2.htc-tree-view.tree-explore-v4[data-view="tree"].active .tree-head-actions .tree-invite-action{grid-area:1/2/3/3!important;align-self:center!important;justify-self:end!important;width:88px!important;min-width:88px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font:650 14px/1 system-ui!important;border-radius:10px!important}


/* Relationship reading: color belongs to the connection, never gender or life status. */
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .links_view path.link[data-htr-color]{stroke:#64bce9!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;filter:none!important;vector-effect:non-scaling-stroke}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .links_view path.link[data-htr-color="gold"]{stroke:#dfbc76!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .links_view path.link[data-htr-color="lilac"]{stroke:#ba9be8!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .links_view path.link.hpx-link-dim{opacity:.26!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .links_view path.link.hv4-link-uncertain{stroke-dasharray:5 5!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .humanidad-f3-role.htr-role{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;max-width:168px!important;min-height:20px!important;padding:2px 7px!important;margin:4px auto 0!important;box-sizing:border-box!important;border:1px solid #91a6c34d!important;border-radius:12px!important;background:#10243a!important;color:#dce5f1!important;font:500 11px/1.25 system-ui!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-role svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html body #accountModal #familyView#familyView .tree-explore-v4 [data-htc-lod="overview"] .htr-role{display:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-context{flex:none;margin:2px 12px 6px;padding:0;color:#aebed0;font:500 12px/1.4 system-ui;text-align:center;overflow-wrap:anywhere}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-union{pointer-events:none}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-union rect{fill:#11263e;stroke:#a998be;stroke-width:1}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-union circle{fill:none;stroke:#dfbc76;stroke-width:1.6}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-union text{fill:#eee9e1;font:500 10px system-ui}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-union[data-ended="true"]{opacity:.7}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-completion{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 10px;padding:10px 12px;border:1px solid #334f70;border-radius:14px;background:#10243c;color:#eee9e1;min-width:0}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-completion[hidden]{display:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-completion>div{min-width:0}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-completion strong{display:block;font:600 12px/1.4 system-ui;overflow-wrap:anywhere}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-completion span{display:block;color:#aebed0;font:400 11px/1.4 system-ui}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-completion button{flex:none;min-height:44px;padding:8px 12px;border:1px solid #d9b36a;border-radius:11px;background:transparent;color:#e7c887;font:600 12px system-ui;cursor:pointer}
html body #accountModal #familyView#familyView .tree-explore-v4 .htr-completion button:focus-visible{outline:2px solid #f0d18c;outline-offset:2px}
@media(max-width:360px){html body #accountModal #familyView#familyView .tree-explore-v4 .htr-completion{gap:7px;margin-inline:4px;padding:8px}html body #accountModal #familyView#familyView .tree-explore-v4 .htr-completion button{padding-inline:8px}}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList [data-htc-lod="overview"] .humanidad-f3-role.htr-role,
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList [data-htc-lod="overview"] .htr-union{display:none!important}
/* Keep the short relationship chip readable as the portrait canvas scales. */
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .humanidad-f3-role.htr-role{max-width:112px!important;transform:scale(var(--hno-inv,1))!important;transform-origin:top center!important}

html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList [data-htc-lod="compact"] .humanidad-f3-role.htr-role{width:26px!important;max-width:26px!important;padding:3px!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList [data-htc-lod="compact"] .humanidad-f3-role.htr-role>span{display:none!important}


/* Compact context leaves more room for the family canvas. */
@media(max-width:680px){html body #accountModal #familyView#familyView .tree-explore-v4 .htr-context{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}}

/* Opaque reading masks: connectors stay behind people, without glass or glow. */
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .humanidad-f3-card.hpx-card{background:transparent!important;background-image:none!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;box-shadow:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .card:is(:hover,.node-selected,.hpx-l-selected) .humanidad-f3-card.hpx-card{background:transparent!important;background-image:none!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;box-shadow:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .humanidad-f3-card.hpx-card>strong{background:transparent!important;box-shadow:none!important;filter:none!important}
/* Sin rectángulo detrás del nombre: un halo del color del lienzo corta las líneas de parentesco sólo alrededor de las letras, así el nombre se lee aunque una línea pase por detrás. */
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .humanidad-f3-card.hpx-card>strong{text-shadow:0 0 2px var(--htv-bg,#0a1730),0 0 3px var(--htv-bg,#0a1730),0 0 5px var(--htv-bg,#0a1730),0 0 7px var(--htv-bg,#0a1730)!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .htr-union rect{fill:var(--htv-bg,#0a1730)!important;fill-opacity:1!important;opacity:1!important;filter:none!important}
.htr-legend-footer{display:none}
@media(max-width:680px){
/* REGLA ESTRICTA (no se mide con JS): el lienzo termina exactamente donde empieza la barra inferior.
   Se usa la misma variable CSS que posiciona la barra, así ninguna medición de Safari puede subir
   la leyenda ni achicar el árbol. La leyenda es el último hijo del lienzo y queda pegada a la barra;
   el área del árbol (stage) siempre se queda con todo el alto restante. */
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .humanidad-f3-shell.htc-canvas.htc-fullbleed:not(.htc-immersive){bottom:var(--hxn-bar-reserve,74px)!important;height:auto!important;max-height:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .humanidad-f3-shell.htc-canvas.htc-fullbleed:not(.htc-immersive)>.humanidad-f3-stage{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .humanidad-f3-shell.htc-canvas.htc-fullbleed:not(.htc-immersive)>.htr-legend-footer{order:99!important;margin-top:auto!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .htr-legend-source{display:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .htr-legend-footer{display:flex!important;position:relative!important;flex:0 0 32px!important;min-height:32px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:0!important;padding:0 8px!important;border:0!important;border-top:1px solid #91a6c326!important;border-radius:0!important;background:var(--htv-bg,#0a1730)!important;color:#aebed0!important;font:500 10px/16px system-ui!important;pointer-events:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .htr-legend-footer>span{display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .htr-legend-footer .hno-dot{width:8px!important;height:8px!important;border-radius:50%!important;box-sizing:border-box!important;flex:none!important;box-shadow:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .htr-legend-footer .hno-dot-connected{background:#d9b36a!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .htr-legend-footer .hno-dot-unconnected{border:1.5px solid #5fd0e6!important;background:var(--htv-bg,#0a1730)!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .htr-legend-footer .hno-dot-memorial{background:#b8a1e6!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .humanidad-f3-role.htr-role,html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList [data-htc-lod="compact"] .humanidad-f3-role.htr-role{width:22px!important;max-width:22px!important;min-height:20px!important;padding:2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .humanidad-f3-role.htr-role>span{display:block!important;position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
}

/* At distant zoom, names and portraits grow together without a fixed-height clipping box. */
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList .card{background:none!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;box-shadow:none!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList #f3Canvas[data-hno-zoom="far"] .humanidad-f3-card.hpx-card{height:auto!important;min-height:0!important;max-height:none!important;padding:4px 6px!important;justify-content:flex-start!important;overflow:visible!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList #f3Canvas[data-hno-zoom="far"] .humanidad-f3-card.hpx-card>.humanidad-f3-avatar{flex-shrink:0!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList #f3Canvas[data-hno-zoom="far"] .humanidad-f3-card.hpx-card>strong{display:block!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;white-space:normal!important;line-height:1.25!important}
html body #accountModal #familyView#familyView .tree-explore-v4 #familyMemberList#familyMemberList #f3Canvas[data-hno-zoom="far"] .humanidad-f3-card.hpx-card>.htr-role{position:relative!important;flex:0 0 auto!important;margin-top:calc(4px * var(--hno-inv,1))!important}