/* HUMANIDAD — Mensajes Familiares V2 · estilos.
   Todo cuelga de html.mv2-ui, que agrega messages-v2.js salvo que la capa esté apagada. Paleta: tokens existentes de hds-humanidad-p1.css. */
html.mv2-ui{
  --mv2-night:#071327;--mv2-abyss:#030916;--mv2-card:#0e2646;--mv2-raised:#112d4e;--mv2-navy:#0b2040;
  --mv2-gold:#d9b36a;--mv2-gold-light:#f0d7a1;--mv2-gold-ink:#1a1408;
  --mv2-text:#f5f8ff;--mv2-text-2:#ccdef5;--mv2-muted:#a9c2df;--mv2-faint:#8aa4c4;
  --mv2-hair:rgba(204,222,245,.12);--mv2-hair-gold:rgba(217,179,106,.32);--mv2-ok:#8fd3b0;
  --mv2-serif:"Playfair Display",Georgia,serif;--mv2-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
html.mv2-ui body #familyView .account-view[data-view="messages"] .social-head{display:none!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .messages-layout{background:var(--mv2-night)!important;border:1px solid var(--mv2-hair)!important;border-radius:22px!important;font-family:var(--mv2-sans)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .conversation-list.humanity-message-rail-v2{background:var(--mv2-night)!important;border-right:1px solid var(--mv2-hair)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-rail-head{display:none!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .conversation-list.mv2-on-panel .humanity-message-rail-shell{display:none!important}

/* Reinicio frente a reglas genéricas de .conversation-list button y su punto decorativo (::before) */
html.mv2-ui body #familyView .account-view[data-view="messages"] .conversation-list.humanity-message-rail-v2{display:flex!important;flex-direction:column!important;padding:0 0 12px!important;overflow-y:auto!important}
html.mv2-ui #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-frame button{position:relative!important;width:auto!important;min-height:0!important;margin:0!important;line-height:1.2!important;text-align:center!important;transition:none!important;flex:none}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list button::before,html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list button::after{content:none!important;display:none!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-conversation-button{padding:10px 12px!important;min-height:64px!important}

/* Marco V2 */
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-frame{display:flex!important;flex-direction:column!important;font-family:var(--mv2-sans)!important;color:var(--mv2-text)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-head{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:20px 18px 6px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-kicker{display:block!important;font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--mv2-gold)!important;font-weight:600!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-title{margin:2px 0 0!important;font:600 28px/1.1 var(--mv2-serif)!important;color:var(--mv2-text)!important;text-wrap:balance!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-icon-btn{margin-left:auto!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;flex:none!important;border-radius:14px!important;border:1px solid var(--mv2-hair)!important;background:transparent!important;color:var(--mv2-text-2)!important;display:grid!important;place-items:center!important;cursor:pointer!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-icon-btn.mv2-gold{background:var(--mv2-gold)!important;border-color:var(--mv2-gold)!important;color:var(--mv2-gold-ink)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;margin:10px 12px 4px!important;padding:4px!important;border-radius:16px!important;background:var(--mv2-abyss)!important;border:1px solid var(--mv2-hair)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-tab{min-width:0!important;min-height:40px!important;padding:0 4px!important;border-radius:12px!important;border:0!important;background:none!important;color:var(--mv2-muted)!important;font:600 13px var(--mv2-sans)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;cursor:pointer!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-tab[aria-selected="true"]{background:var(--mv2-raised)!important;color:var(--mv2-gold-light)!important;box-shadow:inset 0 0 0 1px var(--mv2-hair-gold)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-tab:focus-visible,html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-btn:focus-visible,html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-portrait:focus-visible,html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-moment:focus-visible,html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-icon-btn:focus-visible,html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-link:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(115,189,255,.45)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-badge{min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:9px!important;background:var(--mv2-gold)!important;color:var(--mv2-gold-ink)!important;font-size:11px!important;font-weight:700!important;display:grid!important;place-items:center!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-label{padding:14px 18px 8px!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--mv2-muted)!important;font-weight:600!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-family[hidden],html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-panel[hidden]{display:none!important}

/* Familia conectada */
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-portraits{display:flex!important;gap:14px!important;overflow-x:auto!important;padding:2px 18px 8px!important;scrollbar-width:none!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-portraits::-webkit-scrollbar{display:none!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-portrait{flex:none!important;width:72px!important;border:0!important;background:none!important;padding:2px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;color:var(--mv2-text-2)!important;font:500 12.5px var(--mv2-sans)!important;cursor:pointer!important;border-radius:12px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-portrait .mv2-portrait-pic{width:60px!important;height:60px!important;min-width:60px!important;border-radius:50%!important;font:600 20px var(--mv2-serif)!important;color:var(--mv2-gold-light)!important;display:grid!important;place-items:center!important;background-size:cover!important;box-shadow:inset 0 0 0 1px rgba(217,179,106,.28)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-portrait.is-unread .mv2-portrait-pic{box-shadow:0 0 0 2px var(--mv2-night),0 0 0 3.5px var(--mv2-gold)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-portrait-name{max-width:72px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-portrait-rel{margin-top:-4px!important;font-size:11px!important;color:var(--mv2-faint)!important}

/* Filas existentes con la jerarquía V2 */
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-conversation-button{border-radius:16px!important;border:1px solid transparent!important;padding:10px 12px!important;background:transparent!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-conversation-button.active{background:var(--mv2-card)!important;border-color:var(--mv2-hair-gold)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-row-top strong{font:600 15.5px var(--mv2-sans)!important;color:var(--mv2-text)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-row-meta small{color:var(--mv2-gold)!important;font:600 11.5px var(--mv2-sans)!important;text-transform:none!important;letter-spacing:0!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-conversation-button[data-mv2-rel="unconfirmed"] .humanity-message-row-meta small{color:var(--mv2-faint)!important;font-weight:500!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-row-meta span{color:var(--mv2-muted)!important;font:400 13.5px var(--mv2-sans)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-avatar{box-shadow:inset 0 0 0 1px rgba(217,179,106,.28)!important;font-family:var(--mv2-serif)!important;color:var(--mv2-gold-light)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-unread-badge{background:var(--mv2-gold)!important;color:var(--mv2-gold-ink)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-search input{min-height:44px!important;border-radius:14px!important;background:var(--mv2-abyss)!important;border:1px solid var(--mv2-hair)!important;color:var(--mv2-text)!important;font:15px var(--mv2-sans)!important}

html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-row-meta small{flex:none!important;max-width:none!important}

/* Conversación existente con la jerarquía V2 */
html.mv2-ui body #familyView .account-view[data-view="messages"] .chat-panel{background:linear-gradient(180deg,#081730,var(--mv2-night) 40%)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-chat-head{background:rgba(7,19,39,.92)!important;border-bottom:1px solid var(--mv2-hair)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .bubble{max-width:min(78%,560px)!important;padding:10px 14px 8px!important;border-radius:18px 18px 18px 6px!important;border:1px solid var(--mv2-hair)!important;background:var(--mv2-card)!important;color:var(--mv2-text)!important;font:400 15px/1.45 var(--mv2-sans)!important;box-shadow:none!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .bubble.mine{border-color:var(--mv2-gold)!important;border-radius:18px 18px 6px 18px!important;background:var(--mv2-gold)!important;color:var(--mv2-gold-ink)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-bubble-time{font:500 11px var(--mv2-sans)!important;color:var(--mv2-faint)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .bubble.mine .humanity-message-bubble-time{color:rgba(26,20,8,.62)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-day{font:500 12px var(--mv2-sans)!important;color:var(--mv2-muted)!important;border:1px solid var(--mv2-hair)!important;border-radius:12px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-composer-frame{border-radius:20px!important;border:1px solid var(--mv2-hair)!important;background:var(--mv2-abyss)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-composer-frame:focus-within{border-color:var(--mv2-hair-gold)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-input{font:15px/1.4 var(--mv2-sans)!important;color:var(--mv2-text)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-chat-send{background:var(--mv2-gold)!important;color:var(--mv2-gold-ink)!important;border-radius:14px!important;min-height:44px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-row-actions>button,
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .humanity-message-row-menu-wrap>button{width:36px!important;height:36px!important;color:var(--mv2-muted)!important;border-radius:12px!important}

/* Paneles V2 */
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-panel{padding-bottom:18px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-card{margin:0 16px 12px!important;padding:16px!important;border-radius:20px!important;background:var(--mv2-card)!important;border:1px solid var(--mv2-hair)!important;display:flex!important;flex-direction:column!important;gap:10px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-who{display:flex!important;gap:12px!important;align-items:center!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-who h3{margin:0!important;font:600 16px var(--mv2-sans)!important;color:var(--mv2-text)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-av{flex:none!important;width:52px!important;height:52px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font:600 17px var(--mv2-serif)!important;color:var(--mv2-gold-light)!important;box-shadow:inset 0 0 0 1px rgba(217,179,106,.28)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-av-sm{width:44px!important;height:44px!important;font-size:15px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-rel-muted{display:block!important;font-size:12px!important;color:var(--mv2-faint)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:28px!important;padding:0 10px!important;border-radius:14px!important;border:1px solid var(--mv2-hair)!important;font-size:12.5px!important;color:var(--mv2-text-2)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-chip-gold{border-color:var(--mv2-hair-gold)!important;color:var(--mv2-gold-light)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-btns{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:inherit!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-btn{min-height:44px!important;padding:0 18px!important;border-radius:14px!important;border:1px solid var(--mv2-hair)!important;background:rgba(255,255,255,.03)!important;color:var(--mv2-text)!important;font:600 14.5px var(--mv2-sans)!important;cursor:pointer!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-btn:hover{border-color:var(--mv2-hair-gold)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-btn.mv2-primary{background:var(--mv2-gold)!important;border-color:var(--mv2-gold)!important;color:var(--mv2-gold-ink)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-btn[disabled]{opacity:.6!important;cursor:progress!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-sent{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 18px!important;border-bottom:1px solid var(--mv2-hair)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-sent b{display:block!important;font-size:14.5px!important;font-weight:600!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-sent small{color:var(--mv2-faint)!important;font-size:12.5px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-muted{margin:4px 18px 8px!important;color:var(--mv2-muted)!important;font-size:13.5px!important;line-height:1.45!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-note{margin:14px 18px 4px!important;color:var(--mv2-faint)!important;font-size:12.5px!important;line-height:1.5!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-link{margin:0 14px!important;min-height:40px!important;padding:0 4px!important;border:0!important;background:none!important;color:var(--mv2-gold-light)!important;font:600 13.5px var(--mv2-sans)!important;cursor:pointer!important;border-radius:8px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-state{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;padding:36px 24px!important;color:var(--mv2-muted)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-state h3{margin:0!important;font:600 21px/1.25 var(--mv2-serif)!important;color:var(--mv2-text)!important;text-wrap:balance!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-state p{margin:0!important;max-width:330px!important;font-size:14px!important;line-height:1.5!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-state .mv2-btns{justify-content:center!important;margin-top:6px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-emblem{width:68px!important;height:68px!important;border-radius:50%!important;border:1px solid var(--mv2-hair-gold)!important;display:grid!important;place-items:center!important;color:var(--mv2-gold)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:4px 16px 8px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-moment{width:100%!important;padding:0!important;border-radius:16px!important;overflow:hidden!important;border:1px solid var(--mv2-hair)!important;background:var(--mv2-card)!important;text-align:left!important;color:var(--mv2-text)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-moment:hover{border-color:var(--mv2-hair-gold)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-moment-art{display:grid!important;place-items:center!important;height:96px!important;color:rgba(240,215,161,.55)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-moment-cap{display:flex!important;flex-direction:column!important;gap:3px!important;padding:10px 12px 12px!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-moment-cap b{font-size:13.5px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-moment-cap small{font-size:11.5px!important;color:var(--mv2-faint)!important}
html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-moment-aud{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:11.5px!important;color:var(--mv2-text-2)!important}
@media (min-width:901px){html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .messages-layout{grid-template-columns:minmax(360px,400px) minmax(0,1fr)!important}}
@media (max-width:680px){html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-head{padding:16px 14px 4px!important}html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-title{font-size:26px!important}html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-tab{font-size:12.5px!important}html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-portraits{padding-inline:14px!important}html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-label{padding-inline:14px!important}}
@media (prefers-reduced-motion:reduce){html.mv2-ui body #familyView .account-view[data-view="messages"] .messages-layout .conversation-list .mv2-frame *{transition:none!important;animation:none!important}}

/* ===== Composer V2 y ajuste al espacio visible ===== */
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"].active{padding-bottom:0!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .messages-layout{height:var(--mv2-layout-h,auto)!important;max-height:var(--mv2-layout-h,none)!important;min-height:0!important;overflow:hidden!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;padding:0!important;overflow:hidden!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .chat-messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:18px 20px 12px!important;scrollbar-width:thin!important;scrollbar-color:rgba(204,222,245,.18) transparent!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .chat-compose{flex:none!important;display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid var(--mv2-hair)!important;background:var(--mv2-night)!important;box-shadow:none!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-composer-frame{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:end!important;column-gap:6px!important;row-gap:0!important;min-height:56px!important;margin:0!important;padding:6px!important;border-radius:28px!important;border:1px solid rgba(204,222,245,.16)!important;background:#0b1d36!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-composer-frame:focus-within{border-color:var(--mv2-hair-gold)!important;box-shadow:0 0 0 3px rgba(217,179,106,.12)!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-composer-frame>*{margin:0!important;grid-row:2!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-attachment-chip{grid-row:1!important;grid-column:1/-1!important;justify-self:start!important;margin:0 0 6px 6px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:32px!important;padding:0 6px 0 12px!important;border-radius:16px!important;background:var(--mv2-card)!important;border:1px solid var(--mv2-hair-gold)!important;color:var(--mv2-text-2)!important;font:500 13px var(--mv2-sans)!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-attachment-chip[hidden]{display:none!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-attachment-chip button{width:28px!important;height:28px!important;border-radius:50%!important;border:0!important;background:transparent!important;color:var(--mv2-muted)!important;font-size:16px!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-attach{grid-column:1!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.05)!important;color:var(--mv2-text-2)!important;font:300 24px/1 var(--mv2-sans)!important;display:grid!important;place-items:center!important;box-shadow:none!important;cursor:pointer!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-attach:hover:not(:disabled){background:rgba(217,179,106,.14)!important;color:var(--mv2-gold-light)!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel textarea.humanity-message-input{grid-column:2!important;width:100%!important;min-height:44px!important;max-height:132px!important;margin:0!important;padding:11px 6px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;resize:none!important;color:var(--mv2-text)!important;font:400 16px/1.4 var(--mv2-sans)!important;overflow-y:auto!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel textarea.humanity-message-input::placeholder{color:var(--mv2-faint)!important;opacity:1!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel textarea.humanity-message-input:focus,html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel textarea.humanity-message-input:focus-visible{border:0!important;box-shadow:none!important;outline:none!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-chat-send{grid-column:3!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--mv2-gold)!important;color:var(--mv2-gold-ink)!important;display:grid!important;place-items:center!important;box-shadow:none!important;opacity:1!important;cursor:pointer!important;transition:background-color .15s ease,transform .15s ease!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-chat-send:hover:not(:disabled){background:var(--mv2-gold-light)!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-chat-send:active:not(:disabled){transform:scale(.94)!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-chat-send:disabled{background:rgba(255,255,255,.06)!important;color:var(--mv2-faint)!important;cursor:default!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-chat-send>span:last-child{display:none!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-chat-send svg{width:20px!important;height:20px!important;margin:0!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel :is(.humanity-message-attach,.humanity-chat-send):focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(115,189,255,.45)!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-compose-hint{display:block!important;margin:0!important;padding:0 0 0 62px!important;font:400 11.5px var(--mv2-sans)!important;color:var(--mv2-faint)!important;letter-spacing:0!important;text-transform:none!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-send-status:not([hidden]){margin:0!important;padding:0 0 0 62px!important;font:500 12px var(--mv2-sans)!important}
@media (max-width:900px){
  html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-message-compose-hint{display:none!important}
  html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .chat-compose{padding:8px 10px 10px!important}
  html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .chat-messages{padding:14px 12px 10px!important}
}

/* ===== Lienzo a sangre: Mensajes ocupa todo el espacio del contenido, como Mi árbol ===== */
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"].active{padding:0!important;margin:0!important;max-width:none!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] > .hrc-page-frame{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .messages-layout{width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel .humanity-chat-head{border-radius:0!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel textarea.humanity-message-input{scrollbar-width:none!important}
html.mv2-ui body #familyView#familyView .account-view[data-view="messages"] .chat-panel textarea.humanity-message-input::-webkit-scrollbar{display:none!important}
html.mv2-ui body #familyView#familyView #socialMain:has(.account-view[data-view="messages"].active) > .df-appbar{margin-bottom:0!important}
html.mv2-ui body #familyView#familyView .hrc-account-content:has(.account-view[data-view="messages"].active){padding-bottom:0!important}

/* Lienzo completo (22-oct-2026): la celda de Mensajes deja de ser tres tarjetas anidadas
   (layout, lista y chat, cada una con borde, radio y sombra de humanidad-blue-surfaces-v1).
   Un solo lienzo a sangre; en escritorio, una línea fina separa la lista del chat. */
html.mv2-ui body #accountModal #familyView#familyView .account-view[data-view="messages"] :is(.messages-layout,.conversation-list,.chat-panel){border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}
html.mv2-ui body #accountModal #familyView#familyView .account-view[data-view="messages"] .messages-layout{background:var(--mv2-night)!important}
html.mv2-ui body #accountModal #familyView#familyView .account-view[data-view="messages"] :is(.conversation-list,.chat-panel){background:transparent!important}
@media (min-width:761px){html.mv2-ui body #accountModal #familyView#familyView .account-view[data-view="messages"] .conversation-list{border-right:1px solid var(--mv2-hair)!important}}