/* Somos Humanidad — Arbol Facil V1: acceso rapido contextual.
   Adopta tokens visuales premium de PR #206, sin importar las dos capas P1 rivales.
   No transforma tarjetas F3 ni reemplaza gestos/zoom del canvas. */
#familyView .humanidad-f3-card.hpx-card { position: relative; }
#familyView .humanidad-tree-quick-add {
  position:absolute; z-index:5; top:6px; right:6px;
  display:grid; place-items:center;
  width:32px; height:32px; min-width:32px;
  border:1px solid rgba(240,215,161,.65); border-radius:11px;
  background:linear-gradient(155deg,#152d55,#091a35);
  box-shadow:0 4px 14px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.1);
  color:#f0d7a1; font:700 24px/1 system-ui,sans-serif;
  cursor:pointer; touch-action:manipulation;
}
#familyView .humanidad-tree-quick-add:hover { background:#1d3d6e; border-color:#f0d7a1; }
#familyView .humanidad-tree-quick-add:focus-visible { outline:3px solid #81b7ff; outline-offset:2px; }
@media (pointer:coarse) {
  #familyView .humanidad-tree-quick-add { width:40px;height:40px; min-width:40px; font-size:26px; }
}
@media (max-width:600px) {
  #familyView .humanidad-tree-quick-add {top:4px;right:4px;border-radius:12px}
  #familyView .new-branch-modal {width:min(100vw,440px);max-width:100vw;max-height:100dvh}
  #familyView .new-branch-modal-body {overflow-y:auto;max-width:100%}
  #familyView .new-branch-modal-footer {padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce) {
  #familyView .humanidad-tree-quick-add {transition:none}
}

/* Confirmación premium: guardado verificado, ritmo tipo Notion y superficie compacta. */
#familyView .humanidad-easy-saved-overlay,
.humanidad-easy-saved-overlay {
  position:fixed;inset:0;z-index:2147483000;
  display:grid;place-items:center;
  padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right))
          max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  background:rgba(2,7,20,.78);backdrop-filter:blur(9px);
  animation:sh-easy-fade .19s ease-out both;
}
.humanidad-easy-saved-dialog {
  box-sizing:border-box;
  width:min(100%,430px);min-width:0;max-height:min(640px,calc(100dvh - 32px));
  overflow:auto;overscroll-behavior:contain;
  padding:clamp(20px,5vw,30px);
  border:1px solid rgba(217,179,106,.36);
  border-radius:clamp(18px,4vw,24px);
  background:linear-gradient(154deg,#132b50 0%,#091832 56%,#061127 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 28px 70px rgba(0,0,0,.5),0 0 34px rgba(42,111,228,.14);
  color:#f4f1ea;text-align:center;
  animation:sh-easy-arrive .3s cubic-bezier(.2,.75,.25,1) both;
}
.humanidad-easy-saved-check {
  display:grid;place-items:center;
  width:52px;height:52px;margin:0 auto 14px;
  border-radius:17px;border:1px solid rgba(217,179,106,.56);
  background:linear-gradient(155deg,rgba(228,194,123,.17),rgba(25,52,91,.55));
  color:#f0d7a1;font:800 30px/1 system-ui,sans-serif;
  animation:sh-easy-check .3s .11s cubic-bezier(.2,1.2,.3,1) both;
}
.humanidad-easy-saved-dialog h3{font-size:clamp(19px,4.5vw,25px);font-weight:700;line-height:1.24;margin:0 0 10px;overflow-wrap:anywhere}
.humanidad-easy-saved-dialog p{color:#b9c6dc;line-height:1.55;margin:0 0 12px}
.humanidad-easy-saved-id{display:inline-block;padding:8px 15px;margin:0 0 16px;border:1px solid rgba(217,179,106,.3);border-radius:999px;color:#f0d7a1;font:650 14px/1.3 system-ui,sans-serif;letter-spacing:.04em}
.humanidad-easy-saved-status {min-height:20px;font-size:13px;overflow-wrap:anywhere}
.humanidad-easy-saved-actions,.humanidad-easy-saved-share {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.humanidad-easy-saved-share{margin-top:10px}
.humanidad-easy-saved-share[hidden]{display:none!important}
.humanidad-easy-saved-primary,.humanidad-easy-saved-secondary {
  box-sizing:border-box;min-width:0;min-height:46px;padding:11px 13px;
  border:1px solid rgba(217,179,106,.33);border-radius:13px;
  cursor:pointer;font:650 14px/1.2 system-ui,sans-serif;
  transition:transform .17s ease,background .17s ease,box-shadow .17s ease;
  touch-action:manipulation;overflow-wrap:anywhere
}
.humanidad-easy-saved-primary {background:linear-gradient(155deg,#d8b36d,#bd954e);color:#07152b;border-color:#e8ca87}
.humanidad-easy-saved-secondary {background:rgba(15,37,71,.9);color:#f4f1ea}
.humanidad-easy-saved-actions>button:first-child {grid-column:1/-1}
.humanidad-easy-saved-actions>button[hidden] {display:none!important}
.humanidad-easy-saved-actions>button:disabled{opacity:.58;cursor:not-allowed}
.humanidad-easy-saved-primary:hover:not(:disabled),.humanidad-easy-saved-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 20px rgba(0,0,0,.23)}
.humanidad-easy-saved-primary:focus-visible,.humanidad-easy-saved-secondary:focus-visible{outline:3px solid #81b7ff;outline-offset:2px}
@media(max-width:360px){.humanidad-easy-saved-actions,.humanidad-easy-saved-share{grid-template-columns:minmax(0,1fr)}.humanidad-easy-saved-actions>button:first-child{grid-column:1}}
@media(prefers-reduced-motion:reduce){.humanidad-easy-saved-overlay,.humanidad-easy-saved-dialog,.humanidad-easy-saved-check{animation:none!important}.humanidad-easy-saved-primary,.humanidad-easy-saved-secondary{transition:none!important}}
@keyframes sh-easy-fade{from{opacity:0}to{opacity:1}}
@keyframes sh-easy-arrive{from{opacity:0;transform:translateY(10px) scale(.986)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sh-easy-check{from{opacity:.2;transform:scale(.78)}to{opacity:1;transform:scale(1)}}

/* ÁRBOL FÁCIL V2 — una celda contextual, sin segundo modal */
.humanidad-compact-backdrop{background:rgba(2,8,22,.12)!important;backdrop-filter:none!important}
.humanidad-easy-compact-card{position:fixed!important;width:min(360px,calc(100vw - 24px))!important;max-width:360px!important;min-width:0!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;right:auto;bottom:auto!important;border:1px solid rgba(222,185,111,.45)!important;border-radius:19px!important;background:linear-gradient(155deg,#142f57,#09182f 78%)!important;box-shadow:0 20px 66px rgba(1,7,21,.68),0 0 0 1px rgba(90,151,235,.12)!important;color:#f4f1eb!important;animation:hfv2-open .2s ease-out both!important}
.humanidad-easy-compact-card .new-branch-modal-header{padding:13px 16px 9px!important;min-height:0!important}
.humanidad-easy-compact-card .new-branch-header-copy h3{font-size:18px!important;line-height:1.2!important;margin:0!important}
.humanidad-easy-compact-card .new-branch-header-copy .account-kicker{font-size:11px!important;line-height:1.4!important;color:#d9be86!important}
.humanidad-easy-compact-card .new-branch-modal-body{padding:10px 16px!important;overflow-y:auto!important;min-height:0!important;max-height:calc(100dvh - 170px)!important;display:flex!important;flex-direction:column!important;gap:9px!important}
.humanidad-easy-compact-card .new-branch-modal-body .new-branch-step{font-size:12px!important;color:#c3d1e6!important;margin:0!important}
.humanidad-easy-compact-card .new-branch-modal-body .account-field{width:100%!important;min-height:44px!important;border-radius:10px!important;margin:0!important;flex-shrink:0}
.humanidad-easy-compact-card .new-branch-context{font-size:11px!important;line-height:1.3!important;margin:0!important;padding:7px 10px!important}
.humanidad-easy-compact-card .new-branch-context p{margin:2px 0 0!important}
.humanidad-easy-compact-card .new-branch-safe-note{font-size:11px!important;margin:0!important}
.humanidad-easy-compact-card .humanidad-compact-optional{font-size:12px;color:#b9cbe5;border:1px solid rgba(145,181,239,.22);padding:9px;border-radius:10px}
.humanidad-easy-compact-card .humanidad-compact-optional summary{cursor:pointer}
.humanidad-easy-compact-card .humanidad-compact-optional .account-field{margin-top:9px!important}
.humanidad-easy-compact-card .new-branch-modal-footer{padding:10px 16px max(12px,env(safe-area-inset-bottom))!important;min-height:0!important}
.humanidad-easy-compact-card .new-branch-modal-footer #branchSaveBtn{min-height:44px}
.humanidad-compact-state-head{display:flex;align-items:center;flex-wrap:wrap;gap:9px;animation:hfv2-change .2s ease-out both}
.humanidad-compact-check{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;flex:0 0 auto;background:rgba(217,179,106,.14);border:1px solid rgba(217,179,106,.5);color:#e6c27b;font-size:25px;animation:hfv2-check .22s ease-out both}
.humanidad-compact-name{color:#f8f6ef;font-size:15px;overflow-wrap:anywhere}
.humanidad-compact-hid{font-size:11px;color:#e6c27b;flex-basis:100%;padding-left:49px}
.humanidad-compact-copy{font-size:12px;color:#c0cfe4;line-height:1.5;margin:2px 0!important}
.humanidad-compact-live{font-size:12px;color:#e6c27b;line-height:1.4;min-height:17px;margin:0!important;overflow-wrap:anywhere}
.humanidad-compact-link{font-size:11px;line-height:1.45;color:#f0d298;padding:9px;background:#06142c;border:1px solid rgba(174,201,241,.26);border-radius:10px;word-break:break-all;user-select:all}
.humanidad-compact-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.humanidad-compact-actions>button:first-child{grid-column:1/-1}
.humanidad-compact-actions>button{min-height:44px!important}
@media(max-width:700px){
 .humanidad-compact-backdrop{display:flex!important;align-items:flex-end!important;justify-content:center!important;background:rgba(2,8,22,.38)!important}
 .humanidad-easy-compact-card{position:fixed!important;inset:auto 0 max(0px,env(safe-area-inset-bottom)) 0!important;width:min(100%,430px)!important;max-width:430px!important;max-height:min(74dvh,570px)!important;margin:0 auto!important;border-radius:20px 20px 0 0!important}
 .humanidad-easy-compact-card .new-branch-modal-body{max-height:calc(74dvh - 150px)!important}
}
@media(max-width:360px){.humanidad-compact-actions{grid-template-columns:1fr}.humanidad-compact-actions>button:first-child{grid-column:1}}
@media(prefers-reduced-motion:reduce){.humanidad-easy-compact-card,.humanidad-compact-state-head,.humanidad-compact-check{animation:none!important}}
@keyframes hfv2-open{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}
@keyframes hfv2-change{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes hfv2-check{from{opacity:.2;transform:scale(.77)}to{opacity:1;transform:none}}

/* V2 accessibility fallback: visible access in F3 and when the chart drops to legacy. */
#familyView .humanidad-tree-add-primary,
#familyView .humanidad-tree-add-fallback {
  box-sizing:border-box;min-height:40px;min-width:0;padding:8px 13px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(237,200,130,.8);border-radius:10px;
  background:linear-gradient(155deg,#dcb875,#b9914f);color:#08182c;
  box-shadow:0 3px 15px rgba(1,7,21,.2);
  font:700 13px/1.2 system-ui,sans-serif;white-space:nowrap;cursor:pointer;
}
#familyView .humanidad-tree-add-fallback {position:relative;z-index:2;max-width:calc(100% - 24px);margin:12px}
#familyView .humanidad-tree-add-primary:focus-visible,
#familyView .humanidad-tree-add-fallback:focus-visible,
#familyView .humanidad-legacy-mini-add:focus-visible {outline:3px solid #81b7ff;outline-offset:2px}
#familyView .humanidad-tree-quick-add {z-index:9;pointer-events:auto}
#familyView .humanidad-legacy-mini-add {min-height:36px}
@media(max-width:700px){
 #familyView .humanidad-tree-add-primary {min-height:36px;padding:7px 9px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 #familyView .humanidad-tree-add-primary,#familyView .humanidad-tree-add-fallback {transition:none}
}

/* Árbol Fácil V2 · Alta rápida contextual (rama Lab, sin cambiar lógica genealógica). */
.humanidad-easy-compact-card.humanidad-quick-entry-v2 {
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  box-sizing:border-box!important;
}
.humanidad-quick-entry-v2 .new-branch-modal-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;padding:18px 20px 10px!important;flex:0 0 auto!important;
}
.humanidad-quick-entry-v2 .new-branch-header-copy .account-kicker{
  text-transform:none!important;letter-spacing:.01em!important;color:#d5bc87!important;
  font-size:12px!important;line-height:1.35!important;margin:0 0 5px!important;
}
.humanidad-quick-entry-v2 .new-branch-header-copy h3{
  font-size:clamp(22px,5.3vw,26px)!important;line-height:1.12!important;
  margin:0!important;color:#fff8e9!important;
}
.humanidad-quick-entry-v2 .person-drawer-close{
  flex:0 0 auto!important;min-width:40px!important;min-height:40px!important;
  touch-action:manipulation;
}
.humanidad-quick-entry-v2 .new-branch-modal-body.humanidad-quick-entry-body{
  min-height:0!important;flex:1 1 auto!important;display:flex!important;
  flex-direction:column!important;align-items:stretch!important;
  gap:10px!important;max-height:none!important;
  padding:12px 20px 16px!important;overflow-x:hidden!important;
  overflow-y:auto!important;overscroll-behavior:contain;
}
.humanidad-quick-entry-v2 .new-branch-modal-body .new-branch-step{
  color:#d5def0!important;font-size:12px!important;font-weight:750!important;
  letter-spacing:.025em!important;text-transform:none!important;
  margin:0 0 -3px!important;
}
.humanidad-quick-entry-v2 .humanidad-quick-relation-chips{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;width:100%;min-width:0;
}
.humanidad-quick-entry-v2 .humanidad-quick-relation-chip{
  min-width:0;min-height:44px;padding:10px 5px;
  border:1px solid rgba(143,175,219,.35);border-radius:12px;
  background:rgba(10,28,53,.9);color:#e6edf7;
  font:650 13px/1.25 system-ui,sans-serif;touch-action:manipulation;
  cursor:pointer;white-space:normal;
}
.humanidad-quick-entry-v2 .humanidad-quick-relation-chip.is-active{
  border-color:#e6c581;background:linear-gradient(145deg,#dcb979,#c49d58);
  color:#08192d;box-shadow:0 0 0 1px rgba(230,197,129,.24);
}
.humanidad-quick-entry-v2 .humanidad-quick-relation-chip:focus-visible{
  outline:3px solid #84bdff;outline-offset:2px;
}
.humanidad-quick-entry-v2 .humanidad-quick-relation-select{display:none!important}
.humanidad-quick-entry-v2 .new-branch-modal-body .humanidad-quick-name{
  min-height:48px!important;font-size:16px!important;
  border:1px solid rgba(149,176,219,.44)!important;
  background:#091626!important;color:#fff8e9!important;
}
.humanidad-quick-entry-v2 .humanidad-quick-context{
  box-sizing:border-box;width:100%!important;min-width:0!important;
  padding:7px 10px!important;border:1px solid rgba(221,188,122,.3)!important;
  border-radius:10px!important;background:rgba(219,185,116,.06)!important;
}
.humanidad-quick-entry-v2 .humanidad-quick-context[hidden]{display:none!important}
.humanidad-quick-entry-v2 .humanidad-quick-context strong{
  color:#e6c581!important;font-size:12px!important;line-height:1.4!important;
}
.humanidad-quick-entry-v2 .humanidad-quick-context p{display:none!important}
.humanidad-quick-entry-v2 .humanidad-compact-optional{
  box-sizing:border-box;flex:0 0 auto;min-width:0!important;width:100%!important;
  padding:0!important;border:1px solid rgba(143,175,219,.27)!important;
  border-radius:12px!important;background:rgba(5,19,39,.45)!important;
}
.humanidad-quick-entry-v2 .humanidad-compact-optional summary{
  display:block!important;cursor:pointer;list-style:none;
  padding:11px 13px!important;min-height:22px!important;
  color:#c9d8ee;font-size:13px!important;
}
.humanidad-quick-entry-v2 .humanidad-compact-optional summary::-webkit-details-marker{display:none}
.humanidad-quick-entry-v2 .humanidad-compact-optional summary::before{content:'+';display:inline-block;margin-right:9px;color:#e6c581;font-weight:800}
.humanidad-quick-entry-v2 .humanidad-compact-optional[open] summary::before{content:'−'}
.humanidad-quick-entry-v2 .humanidad-compact-optional:not([open])>:not(summary){display:none!important}
.humanidad-quick-entry-v2 .humanidad-compact-optional[open] .account-field{
  width:calc(100% - 24px)!important;margin:8px 12px!important;max-width:none!important;
}
.humanidad-quick-entry-v2 .humanidad-compact-optional[open] .new-branch-safe-note{
  font-size:11px!important;line-height:1.4!important;padding:0 12px 12px!important;margin:0!important;
}
.humanidad-quick-entry-v2 .new-branch-modal-footer{
  flex:0 0 auto!important;padding:10px 20px max(13px,env(safe-area-inset-bottom))!important;
  background:rgba(5,16,34,.97)!important;border-top:1px solid rgba(197,165,98,.2)!important;
}
.humanidad-quick-entry-v2 .new-branch-modal-footer #branchSaveBtn{
  box-sizing:border-box;width:100%!important;min-height:50px!important;
  border-radius:13px!important;background:linear-gradient(140deg,#ebcf90,#bf9856)!important;
  color:#07182b!important;font-weight:750!important;
}
.humanidad-quick-entry-v2 .new-branch-modal-footer .humanidad-compact-actions{max-width:100%}
.humanidad-quick-entry-v2 .account-status:empty{display:none!important}
@media(max-width:700px){
  .humanidad-easy-compact-card.humanidad-quick-entry-v2{
    max-height:min(79dvh,610px)!important;width:min(100%,430px)!important;
    inset:auto 0 0 0!important;
  }
}
@media(max-width:350px){
  .humanidad-quick-entry-v2 .humanidad-quick-relation-chips{gap:6px}
  .humanidad-quick-entry-v2 .humanidad-quick-relation-chip{font-size:12px;padding:8px 3px}
  .humanidad-quick-entry-v2 .new-branch-modal-header{padding-inline:14px!important}
  .humanidad-quick-entry-v2 .new-branch-modal-body.humanidad-quick-entry-body{padding-inline:14px!important}
  .humanidad-quick-entry-v2 .new-branch-modal-footer{padding-inline:14px!important}
}
@media(prefers-reduced-motion:reduce){
  .humanidad-quick-entry-v2 .humanidad-quick-relation-chip{transition:none!important}
}

/* V2.1 Lab — Corrige el solapamiento de .person-drawer global en iOS:
   un solo scroll interno; cabecera y acción fuera de ese scroll. */
.humanidad-modal-backdrop .person-drawer.humanidad-easy-compact-card.humanidad-quick-entry-v3{
  box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;
  height:auto!important;min-height:0!important;
  padding:0!important;margin:0!important;
  max-height:min(88dvh,640px)!important;max-width:390px!important;
  overflow:hidden!important;overflow-y:hidden!important;overflow-x:hidden!important;
  border:1px solid rgba(226,188,117,.48)!important;border-radius:22px!important;
  background:#09192e!important;animation:hfv2-open .2s ease-out both!important;
}
.humanidad-quick-entry-v3 .new-branch-modal-header{
  box-sizing:border-box!important;flex:0 0 auto!important;position:relative!important;
  z-index:1!important;min-height:0!important;width:100%!important;
  padding:15px 18px 11px!important;border:0!important;
  background:linear-gradient(180deg,#112741,#0b1c31)!important;
}
.humanidad-quick-entry-v3 .new-branch-header-copy{
  min-width:0!important;flex:1 1 auto!important;
}
.humanidad-quick-entry-v3 .new-branch-header-copy .account-kicker{
  font:650 12px/1.35 system-ui,sans-serif!important;letter-spacing:0!important;
  text-transform:none!important;overflow-wrap:anywhere;color:#dabc83!important;
}
.humanidad-quick-entry-v3 .new-branch-header-copy h3{
  font-size:clamp(21px,5.3vw,25px)!important;letter-spacing:-.02em!important;
  margin-top:4px!important;line-height:1.2!important;
}
.humanidad-quick-entry-v3 .person-drawer-close{
  float:none!important;position:relative!important;inset:auto!important;
  min-width:44px!important;min-height:44px!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;background:rgba(10,29,52,.88)!important;
  border:1px solid rgba(156,186,233,.2)!important;color:#edcd91!important;
}
.humanidad-modal-backdrop .humanidad-quick-entry-v3 .new-branch-modal-body.humanidad-quick-entry-body{
  box-sizing:border-box!important;flex:1 1 auto!important;
  min-width:0!important;min-height:0!important;max-height:none!important;
  width:100%!important;margin:0!important;padding:12px 18px 16px!important;
  display:flex!important;flex-direction:column!important;gap:10px!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
}
.humanidad-quick-entry-v3 .humanidad-quick-relation-chips{
  flex:0 0 auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
}
.humanidad-quick-entry-v3 .humanidad-quick-relation-chip{
  box-sizing:border-box!important;min-height:43px!important;
  padding:8px 5px!important;font:650 13px/1.2 system-ui,sans-serif!important;
  border-radius:11px!important;
}
.humanidad-quick-entry-v3 .humanidad-quick-relation-chip.is-active{
  background:#dbbb79!important;color:#07172b!important;border-color:#f2d8a2!important;
}
.humanidad-quick-entry-v3 .new-branch-step{
  flex:0 0 auto!important;line-height:1.35!important;font-size:13px!important;
}
.humanidad-quick-entry-v3 .humanidad-quick-name{
  box-sizing:border-box!important;min-height:49px!important;font-size:16px!important;
}
.humanidad-quick-entry-v3 .humanidad-quick-context{flex:0 0 auto!important}
.humanidad-quick-entry-v3 .humanidad-quick-context[hidden]{display:none!important}
.humanidad-quick-entry-v3 .humanidad-compact-optional{
  box-sizing:border-box!important;flex:0 0 auto!important;
  min-height:0!important;width:100%!important;padding:0!important;overflow:hidden!important;
}
.humanidad-quick-entry-v3 .humanidad-compact-optional summary{
  box-sizing:border-box!important;min-height:44px!important;
  padding:11px 13px!important;display:flex!important;align-items:center!important;
  font:600 13px/1.35 system-ui,sans-serif!important;
}
.humanidad-quick-entry-v3 .humanidad-compact-optional:not([open])>:not(summary){display:none!important}
.humanidad-quick-entry-v3 .humanidad-quick-optional-label{
  display:block!important;margin:10px 12px 0!important;
  color:#d4e0ef!important;font:550 12px/1.4 system-ui,sans-serif!important;
}
.humanidad-quick-entry-v3 .humanidad-compact-optional[open] input.account-field{
  box-sizing:border-box!important;width:calc(100% - 24px)!important;
  max-width:none!important;min-height:43px!important;min-width:0!important;
  margin:6px 12px 8px!important;
}
.humanidad-quick-entry-v3 .humanidad-compact-optional[open] .new-branch-safe-note{
  font-size:11px!important;color:#acbcd3!important;
}
.humanidad-quick-entry-v3 .new-branch-modal-footer{
  box-sizing:border-box!important;flex:0 0 auto!important;position:relative!important;
  inset:auto!important;z-index:2!important;width:100%!important;
  padding:10px 18px max(11px,env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(216,183,111,.22)!important;background:#071629!important;
  box-shadow:none!important;
}
.humanidad-quick-entry-v3 .new-branch-modal-footer #branchSaveBtn{
  box-sizing:border-box!important;width:100%!important;min-height:49px!important;margin:0!important;
}
.humanidad-quick-entry-v3 .new-branch-modal-footer #branchSaveBtn:disabled{
  opacity:.53!important;cursor:not-allowed!important;filter:saturate(.55)!important;
}
.humanidad-quick-entry-v3 .humanidad-quick-save-hint{
  margin:6px 0 0!important;text-align:center!important;
  font:500 11px/1.35 system-ui,sans-serif!important;color:#b9cbe2!important;
}
.humanidad-quick-entry-v3 .humanidad-compact-actions button{min-height:44px!important;min-width:0!important}
.humanidad-quick-entry-v3 .account-status{margin:0!important;flex:0 0 auto!important}
.humanidad-quick-entry-v3 .person-drawer-close:focus-visible,
.humanidad-quick-entry-v3 .humanidad-compact-optional summary:focus-visible{
  outline:3px solid #92c7ff!important;outline-offset:2px!important;
}
@media(max-width:700px){
  .humanidad-compact-backdrop .person-drawer.humanidad-easy-compact-card.humanidad-quick-entry-v3{
    box-sizing:border-box!important;position:fixed!important;
    inset:auto 0 0 0!important;width:100%!important;max-width:440px!important;
    height:auto!important;min-height:0!important;max-height:min(88dvh,620px)!important;
    padding:0!important;margin:0 auto!important;transform:none!important;
    border-radius:22px 22px 0 0!important;border-bottom:0!important;
    overflow:hidden!important;overflow-y:hidden!important;
  }
}
@media(max-width:355px){
  .humanidad-quick-entry-v3 .new-branch-modal-header{padding:12px 14px 8px!important}
  .humanidad-modal-backdrop .humanidad-quick-entry-v3 .new-branch-modal-body.humanidad-quick-entry-body{padding:10px 14px 12px!important;gap:8px!important}
  .humanidad-quick-entry-v3 .new-branch-modal-footer{padding-left:14px!important;padding-right:14px!important}
  .humanidad-quick-entry-v3 .humanidad-quick-relation-chips{gap:6px!important}
  .humanidad-quick-entry-v3 .humanidad-quick-relation-chip{font-size:12px!important;min-height:41px!important}
}
@media(prefers-reduced-motion:reduce){
  .humanidad-modal-backdrop .humanidad-quick-entry-v3{animation:none!important;transition:none!important}
}


/* Keep saved people outside the connected component reachable on mobile.
   Existing mobile rules hide this list; specificity is scoped to this component. */
html body #familyView .account-view[data-view="tree"].active .humanidad-f3-unlinked{display:block!important;order:-1;flex:0 0 auto!important;max-height:190px!important;overflow:auto!important;z-index:2}
html body #familyView .account-view[data-view="tree"].active .humanidad-f3-unlinked summary{min-height:44px!important;box-sizing:border-box;padding:12px 14px!important;font:600 13px/20px system-ui!important}
html body #familyView .account-view[data-view="tree"].active .humanidad-f3-unlinked-list{padding:0 12px 12px!important;gap:8px!important}
html body #familyView .account-view[data-view="tree"].active .humanidad-f3-unlinked-list button{min-height:44px!important;padding:10px 12px!important;font:500 13px/20px system-ui!important}

/* Shared invite stage: same family dialog from legacy and post-save, blue controls. */
html body .humanidad-modal-backdrop.humanidad-share-invite-backdrop { position: fixed !important; inset: 0 !important; z-index: 12080 !important; background: rgba(10,23,48,.72) !important; backdrop-filter: blur(3px) !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 {
  position: fixed !important; inset: auto !important; margin: 0 !important; translate: none !important; display: flex !important; flex-direction: column !important;
  left: var(--branch-center-x,50vw) !important; top: var(--branch-center-y,50dvh) !important;
  transform: translate(-50%,-50%) !important; width: min(440px,calc(100vw - 24px)) !important;
  max-width: 440px !important; max-height: var(--branch-dialog-height,calc(100dvh - 48px)) !important;
  height: auto !important; min-height: 0 !important; padding: 0 !important;
  background: #122442 !important; background-image: none !important; color: #f4ecdd !important;
  border: 1px solid #465c7b !important; border-radius: 22px !important; overflow-x: hidden !important; overflow-y: auto !important;
  animation: none !important;
}
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-modal-header { display: flex !important; align-items: start !important; justify-content: space-between !important; padding: 22px 20px 12px !important; gap: 14px !important; background: #122442 !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-header-copy h3 { margin: 0 !important; font: 600 28px/1.2 'Playfair Display',Georgia,serif !important; color: #f4ecdd !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .person-drawer-close { position: static !important; flex: 0 0 44px !important; min-width: 44px !important; height: 44px !important; padding: 0 !important; border-radius: 50% !important; background: #193651 !important; color: #f4ecdd !important; border: 1px solid #465c7b !important; box-shadow: none !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-modal-body { padding: 6px 20px 12px !important; max-height: none !important; overflow: visible !important; gap: 16px !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .humanidad-compact-copy { margin: 0 !important; color: #aac6d5 !important; font: 400 15px/1.5 system-ui,sans-serif !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .hafv2-link-row { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; min-width: 0 !important; padding: 8px !important; border: 1px solid #465c7b !important; border-radius: 14px !important; background: #193651 !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .humanidad-compact-link { flex: 1 1 0 !important; min-width: 0 !important; padding: 4px !important; border: 0 !important; background: #193651 !important; color: #f4ecdd !important; font: 500 14px/1.4 system-ui,sans-serif !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .humanidad-easy-saved-secondary { min-height: 46px !important; padding: 11px 14px !important; border: 1px solid #465c7b !important; background: #193651 !important; color: #f4ecdd !important; border-radius: 12px !important; box-shadow: none !important; font: 650 15px/1.3 system-ui,sans-serif !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .hafv2-copy { flex: 0 0 auto !important; min-width: 76px !important; width: auto !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-modal-footer { display: block !important; padding: 0 20px 20px !important; background: #122442 !important; border: 0 !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .humanidad-compact-actions { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .humanidad-easy-saved-primary { width: 100% !important; min-height: 48px !important; padding: 12px 14px !important; background: #d9b36a !important; background-image: none !important; color: #0a1730 !important; border: 1px solid #d9b36a !important; border-radius: 12px !important; font: 700 15px/1.3 system-ui,sans-serif !important; box-shadow: none !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .humanidad-compact-live { min-height: 0 !important; margin: 0 !important; color: #8ed9ec !important; font: 500 13px/1.4 system-ui,sans-serif !important; overflow-wrap: anywhere !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 button:focus-visible { outline: 2px solid #8ed9ec !important; outline-offset: 2px !important; }
@media(max-width:360px) { html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-modal-header { padding: 18px 14px 10px !important; } html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-modal-body { padding: 6px 14px 12px !important; } html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-modal-footer { padding: 0 14px 16px !important; } }

/* Invitation dialog V1: restrained compact motion, no layout shifts. */
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-modal-header { padding: 16px 18px 8px !important; align-items: center !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-header-copy h3 { font-size: clamp(22px,5vw,25px) !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-modal-body { padding: 4px 18px 10px !important; gap: 12px !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .new-branch-modal-footer { padding: 0 18px 16px !important; }
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .humanidad-easy-saved-secondary,
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .humanidad-easy-saved-primary,
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .person-drawer-close { transition: background-color 180ms ease,border-color 180ms ease,transform 180ms ease !important; }
@media (hover:hover) and (pointer:fine) {
 html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 :is(.humanidad-easy-saved-secondary,.humanidad-easy-saved-primary):hover { transform: translateY(-1px); }
}
html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 .humanidad-compact-live { color: #8ed9ec !important; }
@media (prefers-reduced-motion:reduce) {
 html body .humanidad-modal-backdrop #humanidad-share-invite-dialog.person-drawer.humanidad-share-invite-v1 :is(.humanidad-easy-saved-secondary,.humanidad-easy-saved-primary,.person-drawer-close) { transition: none !important; transform: none !important; }
}