/* Academia Naval · Social · Chat y Secciones */
#socialPanel{
  position:fixed;inset:0;z-index:82;display:none;overflow-x:hidden;overflow-y:auto;
  padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  box-sizing:border-box;color:var(--text);background-color:var(--bg);
  background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--primario) 9%,transparent) 1px,transparent 0),linear-gradient(color-mix(in srgb,var(--primario) 3.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primario) 3.5%,transparent) 1px,transparent 1px);
  background-size:40px 40px;-webkit-overflow-scrolling:touch
}
.social-shell{width:min(100%,900px);min-height:calc(100dvh - 36px);margin:0 auto;padding-bottom:22px;box-sizing:border-box}

/* Cabecera */
.social-head{
  position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;
  margin:0 0 14px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--primario) 20%,var(--borde));border-radius:24px;
  background:linear-gradient(145deg,var(--vidrio-fuerte,var(--card)),var(--vidrio,var(--card)));
  box-shadow:0 16px 34px rgba(3,39,59,.11),inset 0 1px 0 rgba(255,255,255,.32)
}
.social-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--primario),var(--primario2))}
.social-head::after{content:"AN";position:absolute;right:12px;bottom:-22px;font-size:78px;line-height:1;font-weight:1000;letter-spacing:-7px;color:var(--primario);opacity:.045;pointer-events:none}
.social-back{
  position:relative;z-index:1;min-width:84px;height:40px;padding:0 14px;border:1px solid color-mix(in srgb,var(--primario) 25%,var(--borde));border-radius:999px;
  background:linear-gradient(145deg,var(--vidrio-fuerte,var(--card)),var(--vidrio,var(--card)));color:var(--textoAcento);font:inherit;font-size:11px;font-weight:950;cursor:pointer;
  box-shadow:0 7px 18px rgba(3,39,59,.08);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
html.academia-hover-capable .social-back:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primario) 54%,var(--borde));box-shadow:0 10px 22px color-mix(in srgb,var(--primario) 12%,rgba(3,39,59,.10))}
.social-title{position:relative;z-index:1;min-width:0;padding-right:54px}.social-title small,.social-title h2,.social-title p{display:block;margin:0}
.social-title small{font-size:9px;font-weight:950;letter-spacing:1.45px;color:var(--textoAcento)}
.social-title h2{margin-top:3px;color:var(--textoAcento);font-size:clamp(22px,4vw,27px);line-height:1.05;letter-spacing:-.45px}
.social-title p{max-width:560px;margin-top:5px;font-size:12px;line-height:1.45;color:var(--muted)}

/* Superficies */
.social-card{
  border:1px solid color-mix(in srgb,var(--primario) 17%,var(--borde));border-radius:21px;
  background:linear-gradient(145deg,var(--vidrio-fuerte,var(--card)),var(--vidrio,var(--card)));
  box-shadow:0 12px 28px rgba(3,39,59,.085),inset 0 1px 0 rgba(255,255,255,.25)
}
.social-section-kicker{display:block;margin-bottom:8px;font-size:9px;font-weight:950;letter-spacing:1.15px;color:var(--textoAcento)}
.social-search-card{position:relative;overflow:hidden;padding:16px 17px;margin-bottom:12px}
.social-search-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primario),var(--primario2),transparent 74%);opacity:.75}
.social-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.social-search-row input,.social-manage select,.social-section-composer textarea,.social-composer textarea{
  border:1.5px solid var(--borde);background:color-mix(in srgb,var(--card) 96%,var(--primarioLight));color:var(--text);font:inherit;outline:none;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease
}
.social-search-row input{min-width:0;height:46px;padding:0 14px;border-radius:14px;font-size:13px}
.social-search-row input:focus,.social-manage select:focus,.social-section-composer textarea:focus,.social-composer textarea:focus{border-color:color-mix(in srgb,var(--primario) 72%,var(--borde));box-shadow:0 0 0 3px color-mix(in srgb,var(--primario) 11%,transparent);background:var(--card)}
.social-search-row button,.social-send{
  border:0;background:linear-gradient(135deg,var(--primario),var(--primario2));color:var(--sobrePrimario,#fff);font:inherit;font-weight:950;letter-spacing:.4px;cursor:pointer;
  box-shadow:0 9px 20px color-mix(in srgb,var(--primario) 20%,transparent);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease
}
.social-search-row button{height:46px;padding:0 17px;border-radius:14px;font-size:10px}
html.academia-hover-capable .social-search-row button:hover,html.academia-hover-capable .social-send:hover{transform:translateY(-1px);box-shadow:0 12px 24px color-mix(in srgb,var(--primario) 27%,transparent)}
.social-search-row button:disabled,.social-send:disabled{opacity:.52;cursor:wait;transform:none;box-shadow:none}
.social-search-help{display:block;margin-top:8px;font-size:10.5px;line-height:1.45;color:var(--muted)}
.social-search-result{margin-top:11px}
.social-person{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px;border:1px solid color-mix(in srgb,var(--primario) 15%,var(--borde));border-radius:16px;background:var(--card)}
.social-avatar{width:46px;height:46px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primario) 22%,var(--borde));border-radius:15px;background:linear-gradient(145deg,var(--primarioLight),color-mix(in srgb,var(--primario) 16%,var(--card)));color:var(--textoAcento);font-size:16px;font-weight:1000;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.social-person-copy{min-width:0}.social-person-copy b,.social-person-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-person-copy b{font-size:13px}.social-person-copy small{margin-top:3px;font-size:10px;color:var(--muted)}
.social-person button{min-height:36px;padding:0 12px;border:1px solid color-mix(in srgb,var(--primario) 30%,var(--borde));border-radius:11px;background:color-mix(in srgb,var(--primarioLight) 64%,var(--card));color:var(--textoAcento);font:inherit;font-size:9px;font-weight:950;letter-spacing:.3px;cursor:pointer}
.social-person button:disabled{opacity:.55}

/* Navegación */
.social-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:5px;border:1px solid color-mix(in srgb,var(--primario) 14%,var(--borde));border-radius:18px;background:color-mix(in srgb,var(--card) 82%,var(--bg));box-shadow:0 8px 20px rgba(3,39,59,.055)}
.social-tab{position:relative;min-width:0;min-height:58px;padding:9px 11px;border:0;border-radius:14px;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}
.social-tab b,.social-tab small{display:block}.social-tab b{font-size:11px;letter-spacing:.45px}.social-tab small{margin-top:3px;font-size:9px;line-height:1.25;color:var(--muted)}
.social-tab.active{background:linear-gradient(145deg,color-mix(in srgb,var(--primarioLight) 70%,var(--card)),var(--card));box-shadow:0 6px 15px rgba(3,39,59,.08),inset 0 0 0 1px color-mix(in srgb,var(--primario) 24%,var(--borde))}
.social-tab.active::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--primario),var(--primario2))}
.social-tab.active b{color:var(--textoAcento)}
.social-tab[disabled]{display:none}
html.academia-hover-capable .social-tab:not(.active):hover{background:color-mix(in srgb,var(--primarioLight) 30%,transparent)}

/* Listas */
.social-list-card{overflow:hidden;margin-bottom:12px}
.social-list-head{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:15px 16px 11px;border-bottom:1px solid color-mix(in srgb,var(--borde) 68%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--primarioLight) 16%,transparent),transparent)}
.social-list-head div{min-width:0}.social-list-head div small,.social-list-head div b{display:block}.social-list-head div small{font-size:8.5px;font-weight:950;letter-spacing:1.15px;color:var(--textoAcento)}.social-list-head div b{margin-top:3px;font-size:15px}
.social-list-head>button{min-height:30px;padding:0 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--textoAcento);font:inherit;font-size:8.5px;font-weight:950;letter-spacing:.35px;cursor:pointer}
html.academia-hover-capable .social-list-head>button:hover{border-color:color-mix(in srgb,var(--primario) 22%,var(--borde));background:var(--primarioLight)}
.social-conversations{display:grid;padding:6px}
.social-conversation-row{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0;padding:11px;border:1px solid transparent;border-radius:15px;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.social-conversation-row+.social-conversation-row{margin-top:2px}
html.academia-hover-capable .social-conversation-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primario) 16%,var(--borde));background:color-mix(in srgb,var(--primarioLight) 34%,var(--card))}
.social-conversation-copy{min-width:0}.social-conversation-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.social-conversation-line b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.social-conversation-line time{flex:0 0 auto;font-size:9px;color:var(--muted)}
.social-conversation-copy small{display:block;max-width:100%;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--muted)}
.social-unread,.social-section-alert{min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,var(--primario),var(--primario2));color:var(--sobrePrimario,#fff);font-size:8px;font-weight:950;box-shadow:0 5px 12px color-mix(in srgb,var(--primario) 22%,transparent)}
.social-chevron{font-size:19px;color:var(--textoAcento);font-weight:900;opacity:.8}
.social-empty{margin:7px;padding:30px 20px;border:1px dashed color-mix(in srgb,var(--primario) 20%,var(--borde));border-radius:16px;text-align:center;background:color-mix(in srgb,var(--primarioLight) 18%,transparent)}
.social-empty b,.social-empty p{display:block;margin:0}.social-empty b{font-size:14px;color:var(--textoAcento)}.social-empty p{max-width:440px;margin:7px auto 0;font-size:11px;line-height:1.55;color:var(--muted)}
.social-status{min-height:18px;margin:8px 3px 0;font-size:10.5px;line-height:1.4;color:var(--muted)}.social-status.error{color:#c62828}.social-status.ok{color:var(--textoAcento)}

/* Chat 1 a 1 */
#socialChatsHome[hidden],#socialSectionsHome[hidden],#socialChatView[hidden],#socialSectionView[hidden]{display:none!important}
.social-chat-view{min-height:calc(100dvh - 34px);display:flex;flex-direction:column}
.social-chat-head{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:auto 46px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:6px;padding:12px;border:1px solid color-mix(in srgb,var(--primario) 18%,var(--borde));border-radius:20px;background:color-mix(in srgb,var(--vidrio-fuerte,var(--card)) 94%,transparent);box-shadow:0 10px 24px rgba(3,39,59,.08);backdrop-filter:blur(14px)}
.social-chat-head .social-back{min-width:72px;height:38px}.social-chat-contact{min-width:0}.social-chat-contact b,.social-chat-contact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-chat-contact b{font-size:14px;color:var(--textoAcento)}.social-chat-contact small{margin-top:3px;font-size:10px;color:var(--muted)}
.social-messages{flex:1;min-height:300px;display:flex;flex-direction:column;gap:8px;padding:14px 8px 118px;overflow-y:auto;scroll-behavior:smooth}
.social-message{max-width:min(78%,560px);padding:10px 12px;border:1px solid color-mix(in srgb,var(--borde) 82%,transparent);border-radius:17px 17px 17px 6px;background:linear-gradient(145deg,var(--vidrio-fuerte,var(--card)),var(--card));box-shadow:0 5px 14px rgba(3,39,59,.055)}
.social-message.mine{align-self:flex-end;border-color:color-mix(in srgb,var(--primario) 25%,var(--borde));border-radius:17px 17px 6px 17px;background:linear-gradient(145deg,color-mix(in srgb,var(--primarioLight) 80%,var(--card)),color-mix(in srgb,var(--primarioLight) 48%,var(--card)))}
.social-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.48}.social-message time{display:block;margin-top:5px;text-align:right;font-size:8.5px;color:var(--muted)}
.social-composer{position:fixed;z-index:84;left:50%;bottom:0;transform:translateX(-50%);width:min(900px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;border-top:1px solid color-mix(in srgb,var(--primario) 15%,var(--borde));background:color-mix(in srgb,var(--bg) 91%,transparent);box-shadow:0 -10px 30px rgba(3,39,59,.07);backdrop-filter:blur(18px)}
.social-composer textarea{min-width:0;max-height:118px;min-height:46px;resize:none;padding:12px 14px;border-radius:15px;font-size:13px;line-height:1.38}
.social-send{height:46px;align-self:end;padding:0 18px;border-radius:14px;font-size:9.5px}

/* Secciones */
.social-section-create-card{padding:16px 17px;margin-bottom:12px}
.social-section-view{padding-bottom:26px}.social-section-head{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--primario) 18%,var(--borde));border-radius:21px;background:linear-gradient(145deg,var(--vidrio-fuerte,var(--card)),var(--vidrio,var(--card)));box-shadow:0 12px 28px rgba(3,39,59,.085)}
.social-section-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primario),var(--primario2))}
.social-section-heading{min-width:0}.social-section-heading small,.social-section-heading h3,.social-section-heading p{display:block;margin:0}.social-section-heading small{font-size:9px;font-weight:950;letter-spacing:1.1px;color:var(--textoAcento)}.social-section-heading h3{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:21px;line-height:1.12;color:var(--textoAcento)}.social-section-heading p{margin-top:4px;font-size:10.5px;color:var(--muted)}
.social-vacancy-wrap{display:grid;gap:8px;margin-bottom:11px}.social-vacancy{position:relative;overflow:hidden;padding:11px 13px 11px 16px;border:1px solid color-mix(in srgb,var(--primario) 30%,var(--borde));border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--primarioLight) 58%,var(--card)),var(--card));font-size:11px;line-height:1.45}.social-vacancy::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primario)}.social-vacancy b{display:block;margin-bottom:2px;font-size:9px;letter-spacing:.55px;color:var(--textoAcento)}
.social-command-card,.social-squads-card,.social-section-chat-card,#socialSectionUnassignedCard{margin-top:12px;overflow:hidden}
.social-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px}
.social-role-card{position:relative;min-width:0;padding:13px;border:1px solid color-mix(in srgb,var(--primario) 14%,var(--borde));border-radius:16px;background:var(--card);box-shadow:0 5px 14px rgba(3,39,59,.04)}
.social-role-card::before{content:"";position:absolute;left:12px;right:12px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,var(--primario),var(--primario2));opacity:.7}
.social-role-card.vacant{border-style:dashed;background:color-mix(in srgb,var(--primarioLight) 22%,var(--card));box-shadow:none}.social-role-card.vacant::before{opacity:.3}
.social-role-kicker{display:block;font-size:8.5px;font-weight:950;letter-spacing:.9px;color:var(--textoAcento)}.social-role-card b{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.social-role-card>small:not(.social-role-kicker){display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;color:var(--muted)}
.social-manage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:10px}.social-manage select{min-width:0;height:36px;padding:0 9px;border-radius:11px;font-size:9.5px}
.social-action,.social-mini-action{min-height:36px;padding:0 11px;border:1px solid color-mix(in srgb,var(--primario) 26%,var(--borde));border-radius:11px;background:color-mix(in srgb,var(--primarioLight) 58%,var(--card));color:var(--textoAcento);font:inherit;font-size:8.5px;font-weight:950;letter-spacing:.3px;cursor:pointer}
.social-action.primary{border:0;background:linear-gradient(135deg,var(--primario),var(--primario2));color:var(--sobrePrimario,#fff);box-shadow:0 7px 16px color-mix(in srgb,var(--primario) 18%,transparent)}.social-action:disabled,.social-mini-action:disabled{opacity:.48;cursor:not-allowed}
.social-squads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px}
.social-squad{position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--primario) 14%,var(--borde));border-radius:17px;background:var(--card);overflow:hidden;box-shadow:0 6px 16px rgba(3,39,59,.045)}.social-squad.future{opacity:.56;box-shadow:none}
.social-squad-head{position:relative;padding:11px 12px;border-bottom:1px solid color-mix(in srgb,var(--borde) 65%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--primarioLight) 38%,var(--card)),var(--card))}.social-squad-head::after{content:"AN";position:absolute;right:8px;top:-5px;font-size:32px;font-weight:1000;letter-spacing:-3px;color:var(--primario);opacity:.055}.social-squad-head small,.social-squad-head b{display:block;position:relative;z-index:1}.social-squad-head small{font-size:8px;font-weight:950;letter-spacing:.8px;color:var(--textoAcento)}.social-squad-head b{margin-top:3px;font-size:12px}
.social-squad-body{padding:11px}.social-squad-commander{padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--borde) 62%,transparent)}.social-squad-commander b,.social-squad-commander small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-squad-commander b{font-size:11px}.social-squad-commander small{margin-top:2px;font-size:9px;color:var(--muted)}
.social-soldiers{display:grid;gap:6px}.social-soldier-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;min-height:34px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--borde) 74%,transparent);border-radius:11px;background:color-mix(in srgb,var(--bg) 32%,var(--card))}.social-soldier-copy{min-width:0}.social-soldier-copy b,.social-soldier-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-soldier-copy b{font-size:9.5px}.social-soldier-copy small{margin-top:1px;font-size:8px;color:var(--muted)}
.social-slot-empty{padding:7px 8px;border:1px dashed color-mix(in srgb,var(--primario) 18%,var(--borde));border-radius:11px;text-align:center;font-size:8.5px;color:var(--muted);background:color-mix(in srgb,var(--primarioLight) 12%,transparent)}
.social-squad-manage{margin-top:9px}.social-squad-future{padding:18px 11px;text-align:center;font-size:9.5px;line-height:1.45;color:var(--muted)}
.social-member-list{display:grid;padding:8px 13px 13px}.social-unassigned-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 2px;border-bottom:1px solid color-mix(in srgb,var(--borde) 60%,transparent)}.social-unassigned-row:last-child{border-bottom:0}.social-unassigned-row b,.social-unassigned-row small{display:block}.social-unassigned-row b{font-size:10.5px}.social-unassigned-row small{margin-top:2px;font-size:8.5px;color:var(--muted)}
.social-section-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.social-section-row+.social-section-row{margin-top:2px}html.academia-hover-capable .social-section-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primario) 16%,var(--borde));background:color-mix(in srgb,var(--primarioLight) 30%,var(--card))}.social-section-row-copy{min-width:0}.social-section-row-copy b,.social-section-row-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-section-row-copy b{font-size:13px}.social-section-row-copy small{margin-top:4px;font-size:9.5px;color:var(--muted)}.social-section-row-side{display:grid;justify-items:end;gap:5px}.social-section-count{font-size:9px;color:var(--muted)}
.social-invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 13px;border-bottom:1px solid color-mix(in srgb,var(--borde) 62%,transparent)}.social-invite-row:last-child{border-bottom:0}.social-invite-copy{min-width:0}.social-invite-copy b,.social-invite-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-invite-copy b{font-size:12px}.social-invite-copy small{margin-top:3px;font-size:9px;color:var(--muted)}.social-invite-actions{display:flex;gap:6px}.social-invite-actions button{height:32px;padding:0 9px;border:1px solid color-mix(in srgb,var(--primario) 25%,var(--borde));border-radius:10px;background:var(--card);color:var(--textoAcento);font:inherit;font-size:8px;font-weight:950;cursor:pointer}.social-invite-actions button:first-child{background:var(--primarioLight)}
.social-section-messages{height:min(42vh,360px);min-height:210px;display:flex;flex-direction:column;gap:8px;padding:13px;overflow-y:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 36%,var(--card)),color-mix(in srgb,var(--primarioLight) 10%,var(--card)))}
.social-section-message{max-width:84%;padding:9px 11px;border:1px solid color-mix(in srgb,var(--borde) 82%,transparent);border-radius:15px 15px 15px 5px;background:var(--card);box-shadow:0 4px 11px rgba(3,39,59,.04)}.social-section-message.mine{align-self:flex-end;border-color:color-mix(in srgb,var(--primario) 23%,var(--borde));border-radius:15px 15px 5px 15px;background:color-mix(in srgb,var(--primarioLight) 68%,var(--card))}.social-section-message b{display:block;margin-bottom:3px;font-size:8.5px;color:var(--textoAcento)}.social-section-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11.5px;line-height:1.45}.social-section-message time{display:block;margin-top:4px;text-align:right;font-size:8px;color:var(--muted)}
.social-section-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px;border-top:1px solid var(--borde);background:color-mix(in srgb,var(--card) 92%,var(--bg))}.social-section-composer textarea{min-width:0;min-height:44px;max-height:104px;resize:none;padding:11px 12px;border-radius:13px;font-size:11.5px;line-height:1.38}
.social-section-footer-actions{display:flex;justify-content:center;padding:14px 0 3px}.social-danger-soft{min-height:38px;padding:0 14px;border:1px solid color-mix(in srgb,#c62828 28%,var(--borde));border-radius:12px;background:color-mix(in srgb,#c62828 6%,var(--card));color:#b71c1c;font:inherit;font-size:8.5px;font-weight:950;letter-spacing:.35px;cursor:pointer}

.social-tab:not([disabled]):focus-visible,.social-back:focus-visible,.social-action:focus-visible,.social-mini-action:focus-visible,.social-search-row button:focus-visible,.social-send:focus-visible,.social-conversation-row:focus-visible,.social-section-row:focus-visible{outline:3px solid color-mix(in srgb,var(--primario) 28%,transparent);outline-offset:2px}
body.dark #socialPanel{background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--primario) 13%,transparent) 1px,transparent 0),linear-gradient(color-mix(in srgb,var(--primario) 4.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primario) 4.5%,transparent) 1px,transparent 1px)}
body.dark .social-head,body.dark .social-card,body.dark .social-chat-head,body.dark .social-section-head{box-shadow:0 15px 32px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)}

@media(max-width:640px){
  #socialPanel{padding-left:8px;padding-right:8px}.social-shell{min-height:calc(100dvh - 28px)}
  .social-head{padding:14px 13px;gap:10px;border-radius:20px}.social-head::after{right:7px;font-size:64px}.social-title{padding-right:35px}.social-title h2{font-size:21px}.social-title p{font-size:11px}.social-back{min-width:74px;height:37px;padding:0 11px;font-size:10px}
  .social-search-row{grid-template-columns:1fr}.social-search-row button{width:100%}
  .social-tabs{gap:5px}.social-tab{min-height:54px;padding:8px 9px}.social-tab b{font-size:10px}.social-tab small{font-size:8.5px}
  .social-person{grid-template-columns:42px minmax(0,1fr)}.social-person .social-avatar{width:42px;height:42px}.social-person button{grid-column:1/-1;width:100%;height:35px}
  .social-conversation-row{grid-template-columns:42px minmax(0,1fr) auto;padding:10px}.social-conversation-row .social-avatar{width:42px;height:42px}
  .social-message{max-width:88%}.social-composer{padding-left:9px;padding-right:9px}.social-send{padding:0 14px}
  .social-command-grid,.social-squads{grid-template-columns:1fr}.social-manage{grid-template-columns:1fr}.social-manage .social-action{width:100%}.social-invite-row{grid-template-columns:1fr}.social-invite-actions{justify-content:flex-start}.social-section-heading h3{font-size:18px}
}
@media(max-width:390px){
  .social-head{grid-template-columns:1fr}.social-head .social-back{width:max-content}.social-title{padding-right:28px}.social-title p{max-width:300px}
  .social-chat-head{grid-template-columns:auto 40px minmax(0,1fr);padding:9px}.social-chat-head .social-avatar{width:40px;height:40px}.social-chat-head .social-back{min-width:60px;padding:0 9px}
  .social-composer{grid-template-columns:minmax(0,1fr) 68px}.social-send{padding:0 10px}
}
@media(prefers-reduced-motion:reduce){.social-messages{scroll-behavior:auto}.social-back,.social-tab,.social-search-row button,.social-send,.social-conversation-row,.social-section-row{transition:none!important}}

/* Chat redesign - integrated with the visual language used by the other app panels. */
#socialPanel{
  --social-a:var(--primario);
  --social-b:var(--primario2);
  --social-line:color-mix(in srgb,var(--social-a) 27%,var(--borde));
  --social-line-strong:color-mix(in srgb,var(--social-a) 44%,var(--borde));
  --social-surface:color-mix(in srgb,var(--card) 95%,var(--primarioLight));
  --social-surface-strong:color-mix(in srgb,var(--card) 98%,var(--primarioLight));
  --social-shadow:0 14px 34px color-mix(in srgb,var(--social-a) 10%,rgba(4,25,39,.14));
  z-index:620;
  width:min(100%,980px);
  height:100dvh;
  min-height:100dvh;
  margin:0 auto;
  padding:0 18px calc(46px + env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 88% 7%,color-mix(in srgb,var(--social-a) 14%,transparent),transparent 25%),
    radial-gradient(circle at 5% 38%,color-mix(in srgb,var(--social-b) 8%,transparent),transparent 25%),
    linear-gradient(155deg,color-mix(in srgb,var(--social-a) 4%,var(--bg)),var(--bg) 45%,color-mix(in srgb,var(--social-b) 4%,var(--bg)));
  background-size:auto;
  box-shadow:0 0 0 100vmax var(--bg);
  isolation:isolate
}
#socialPanel::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(color-mix(in srgb,var(--social-a) 3.1%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--social-a) 3.1%,transparent) 1px,transparent 1px);
  background-size:52px 52px;
  opacity:.68
}
#socialPanel *{box-sizing:border-box}
.social-shell{width:100%;min-height:100%;margin:0;padding:0 0 18px}

/* Top-level page header: Back is an action, never a tab. */
.social-head{
  position:relative;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:18px;
  margin:0;
  padding:max(18px,env(safe-area-inset-top)) 2px 12px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none
}
.social-head::before,.social-head::after{display:none}
.social-back{
  min-width:0;
  min-height:45px;
  height:auto;
  padding:9px 16px;
  border:1px solid var(--social-line-strong);
  border-radius:999px;
  background:color-mix(in srgb,var(--card) 86%,transparent);
  color:var(--text);
  font-size:13px;
  font-weight:900;
  box-shadow:0 8px 20px color-mix(in srgb,var(--social-a) 9%,rgba(0,0,0,.08));
  -webkit-backdrop-filter:blur(14px) saturate(135%);
  backdrop-filter:blur(14px) saturate(135%)
}
html.academia-hover-capable .social-back:hover{transform:translateY(-1px);border-color:var(--social-a);box-shadow:0 10px 24px color-mix(in srgb,var(--social-a) 13%,rgba(0,0,0,.10))}
.social-title{width:100%;padding:0}
.social-title small{font-size:10px;font-weight:950;letter-spacing:.17em;color:var(--textoAcento)}
.social-title h2{margin-top:6px;color:var(--text);font-size:clamp(29px,8vw,40px);font-weight:950;line-height:1;letter-spacing:-.04em}
.social-title p{max-width:650px;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}

/* Tabs match the rest of the application. */
.social-tabs{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin:6px 0 18px;
  padding:4px;
  overflow:hidden;
  border:1px solid var(--social-line);
  border-radius:20px;
  background:color-mix(in srgb,var(--social-surface) 90%,transparent);
  box-shadow:var(--social-shadow)
}
.social-tab{
  position:relative;
  min-height:52px;
  padding:8px 12px 10px;
  border:0;
  border-radius:16px;
  background:transparent;
  color:var(--muted);
  text-align:center;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease
}
.social-tab b{font-size:12px;letter-spacing:.02em}
.social-tab small{margin-top:3px;font-size:8px;font-weight:850;letter-spacing:.08em;color:inherit;opacity:.78}
.social-tab.active{background:linear-gradient(145deg,color-mix(in srgb,var(--social-a) 11%,var(--card)),var(--social-surface-strong));color:var(--text);box-shadow:0 7px 18px color-mix(in srgb,var(--social-a) 12%,rgba(0,0,0,.08))}
.social-tab.active::after{left:18%;right:18%;bottom:2px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--social-b),var(--social-a));box-shadow:0 0 13px color-mix(in srgb,var(--social-a) 45%,transparent)}
.social-tab.active b{color:var(--textoAcento)}
html.academia-hover-capable .social-tab:not(.active):hover{background:color-mix(in srgb,var(--social-a) 6%,transparent);color:var(--text)}

/* Home surfaces. */
.social-card{border:1px solid var(--social-line);border-radius:22px;background:linear-gradient(145deg,var(--social-surface-strong),var(--social-surface));box-shadow:var(--social-shadow)}
.social-search-card,.social-section-create-card{margin-bottom:13px;padding:17px}
.social-search-card::before{height:3px;background:linear-gradient(90deg,var(--social-b),var(--social-a),transparent 76%)}
.social-section-kicker{font-size:9px;letter-spacing:.12em}
.social-search-row{gap:9px}
.social-search-row input{height:48px;padding:0 14px;border-color:var(--social-line);border-radius:15px;background:var(--social-surface-strong);font-size:13px}
.social-search-row button{height:48px;padding:0 18px;border-radius:15px;font-size:10px;background:linear-gradient(135deg,var(--social-a),var(--social-b))}
.social-search-help{margin-top:9px;font-size:10.5px}
.social-list-card{margin-bottom:13px}
.social-list-head{padding:15px 16px 12px;border-bottom:1px solid color-mix(in srgb,var(--borde) 72%,transparent);background:transparent}
.social-list-head div small{font-size:8px;letter-spacing:.12em}
.social-list-head div b{margin-top:4px;font-size:16px}
.social-list-head>button{min-height:34px;padding:0 10px;border:1px solid var(--social-line);border-radius:11px;background:var(--social-surface-strong);font-size:8px}
.social-conversations{padding:6px 7px 8px}
.social-conversation-row,.social-section-row{border-radius:16px}
.social-conversation-row+.social-conversation-row,.social-section-row+.social-section-row{border-top:1px solid color-mix(in srgb,var(--borde) 42%,transparent)}
.social-avatar{border-color:var(--social-line);background:linear-gradient(145deg,color-mix(in srgb,var(--social-a) 12%,var(--card)),color-mix(in srgb,var(--social-b) 10%,var(--card)));box-shadow:none}
.social-empty{border-color:var(--social-line);background:color-mix(in srgb,var(--social-a) 5%,var(--card))}

/* Direct conversation becomes a real full-height chat screen. */
#socialPanel.social-chat-open{overflow:hidden;padding:0;box-shadow:0 0 0 100vmax var(--bg)}
#socialPanel.social-chat-open::before{opacity:.42}
.social-chat-open .social-shell{height:100dvh;min-height:100dvh;padding:0}
.social-chat-open .social-head,.social-section-open .social-head{display:none}
.social-chat-view{height:100dvh;min-height:0;overflow:hidden;background:transparent}
.social-chat-head{
  position:relative;
  top:auto;
  z-index:5;
  flex:0 0 auto;
  display:grid;
  grid-template-columns:44px 44px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin:0;
  padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left));
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--borde) 80%,transparent);
  border-radius:0;
  background:color-mix(in srgb,var(--bg) 93%,transparent);
  box-shadow:0 8px 24px rgba(3,39,59,.06);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  backdrop-filter:blur(16px) saturate(130%)
}
.social-inner-back{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:0!important;
  display:grid;
  place-items:center
}
.social-inner-back::before{content:"\2190";font-size:20px;line-height:1;font-weight:900;color:currentColor}
.social-chat-head .social-avatar{width:44px;height:44px;border-radius:14px;font-size:15px}
.social-chat-contact::before{content:"CHAT DIRECTO";display:block;margin-bottom:2px;color:var(--textoAcento);font-size:7px;font-weight:950;letter-spacing:.12em}
.social-chat-contact b{font-size:15px;color:var(--text)}
.social-chat-contact small{margin-top:2px;font-size:9.5px}
.social-messages{
  flex:1;
  min-height:0;
  padding:18px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left));
  overflow-y:auto;
  background:linear-gradient(180deg,color-mix(in srgb,var(--social-a) 2.8%,transparent),transparent 22%,color-mix(in srgb,var(--social-b) 2.4%,transparent));
  scroll-padding-bottom:18px
}
.social-message{max-width:min(76%,600px);padding:10px 12px;border-color:color-mix(in srgb,var(--borde) 88%,transparent);border-radius:18px 18px 18px 6px;background:var(--social-surface-strong);box-shadow:0 5px 16px rgba(3,39,59,.05)}
.social-message.mine{border-color:color-mix(in srgb,var(--social-a) 28%,var(--borde));border-radius:18px 18px 6px 18px;background:linear-gradient(145deg,color-mix(in srgb,var(--social-a) 14%,var(--card)),color-mix(in srgb,var(--primarioLight) 62%,var(--card)))}
.social-message p{font-size:13px;line-height:1.5}
.social-chat-view>.social-status{flex:0 0 auto;min-height:0;margin:0;padding:4px 16px;background:color-mix(in srgb,var(--bg) 94%,transparent)}
.social-composer{
  position:relative;
  z-index:4;
  left:auto;
  bottom:auto;
  transform:none;
  flex:0 0 auto;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  padding:10px max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  border-top:1px solid color-mix(in srgb,var(--borde) 82%,transparent);
  background:color-mix(in srgb,var(--bg) 95%,transparent);
  box-shadow:0 -8px 24px rgba(3,39,59,.055);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  backdrop-filter:blur(16px) saturate(130%)
}
.social-composer textarea{min-height:48px;max-height:120px;padding:12px 14px;border-color:var(--social-line);border-radius:16px;background:var(--social-surface-strong);font-size:13px}
.social-send{height:48px;min-width:76px;padding:0 17px;border-radius:15px;background:linear-gradient(135deg,var(--social-a),var(--social-b))}

/* Section detail uses the same nested-page navigation language. */
#socialPanel.social-section-open{padding-top:0}
.social-section-open .social-shell{padding-top:0}
.social-section-view{padding-bottom:32px}
.social-section-head{
  position:sticky;
  top:0;
  z-index:6;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:11px;
  align-items:center;
  margin:0 -18px 14px;
  padding:max(12px,env(safe-area-inset-top)) 18px 12px;
  overflow:visible;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--borde) 80%,transparent);
  border-radius:0;
  background:color-mix(in srgb,var(--bg) 93%,transparent);
  box-shadow:0 8px 24px rgba(3,39,59,.06);
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  backdrop-filter:blur(16px) saturate(130%)
}
.social-section-head::before{display:none}
.social-section-heading small{font-size:8px;letter-spacing:.12em}
.social-section-heading h3{margin-top:2px;font-size:20px;color:var(--text)}
.social-section-heading p{margin-top:3px;font-size:9.5px}
.social-command-card,.social-squads-card,.social-section-chat-card,#socialSectionUnassignedCard{margin-top:13px}
.social-role-card,.social-squad{border-color:var(--social-line);background:var(--social-surface-strong)}
.social-section-messages{background:linear-gradient(180deg,color-mix(in srgb,var(--social-a) 3%,var(--card)),var(--card));scrollbar-gutter:stable}
.social-section-composer{border-color:color-mix(in srgb,var(--borde) 80%,transparent);background:color-mix(in srgb,var(--bg) 92%,var(--card))}

body.dark #socialPanel,html[data-theme="dark"] #socialPanel{--social-surface:color-mix(in srgb,var(--card) 91%,var(--social-a) 9%);--social-surface-strong:color-mix(in srgb,var(--card) 96%,var(--social-a) 4%);--social-shadow:0 16px 38px rgba(0,0,0,.28)}
body.dark .social-head,body.dark .social-chat-head,body.dark .social-section-head{box-shadow:none}

@media(max-width:640px){
  #socialPanel{padding:0 12px calc(34px + env(safe-area-inset-bottom))}
  .social-shell{min-height:100%}
  .social-head{padding:max(15px,env(safe-area-inset-top)) 1px 10px;gap:15px}
  .social-back{min-height:42px;padding:8px 14px;font-size:12px}
  .social-title{padding:0}
  .social-title h2{font-size:clamp(28px,9vw,35px)}
  .social-title p{font-size:11.5px}
  .social-tabs{margin-top:5px;border-radius:18px}
  .social-tab{min-height:49px;padding:8px 7px}.social-tab b{font-size:11px}.social-tab small{font-size:7.5px}
  .social-search-card,.social-section-create-card{padding:15px}
  .social-search-row{grid-template-columns:1fr}.social-search-row button{width:100%}
  .social-message{max-width:86%}
  #socialPanel.social-chat-open{padding:0}
  .social-chat-head{grid-template-columns:42px 42px minmax(0,1fr);padding:max(10px,env(safe-area-inset-top)) 11px 10px}
  .social-chat-head .social-avatar{width:42px;height:42px}
  .social-inner-back{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .social-messages{padding:14px 11px 12px}
  .social-composer{padding:9px 11px max(9px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 70px}
  .social-send{min-width:70px;padding:0 10px}
  .social-section-head{margin:0 -12px 12px;padding:max(10px,env(safe-area-inset-top)) 12px 10px}
  .social-command-grid,.social-squads{grid-template-columns:1fr}
}
@media(max-width:390px){
  .social-head{display:flex;grid-template-columns:none}
  .social-head .social-back{width:auto}
  .social-title{padding-right:0}
  .social-chat-head{grid-template-columns:40px 40px minmax(0,1fr);padding-left:9px;padding-right:9px}
  .social-chat-head .social-avatar{width:40px;height:40px}
  .social-chat-head .social-back{min-width:40px;padding:0}
  .social-composer{grid-template-columns:minmax(0,1fr) 66px}
  .social-send{min-width:66px}
}

/* Chat Naval visual polish v2 - stronger brand color while preserving app language. */
#socialPanel{
  --social-navy:#0d4564;
  --social-blue:#147fa1;
  --social-mint:#57dbc7;
  --social-ink:#07374d;
}

/* Branded hero: more personality, same hierarchy as the rest of Academia Naval. */
.social-head{gap:14px;padding-bottom:4px}
.social-title{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:22px 23px 23px;
  border:1px solid color-mix(in srgb,var(--social-a) 44%,var(--borde));
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 13%,rgba(255,255,255,.23) 0 6px,transparent 7px),
    radial-gradient(circle at 91% 27%,rgba(255,255,255,.11) 0 36px,transparent 37px),
    linear-gradient(128deg,var(--social-navy) 0%,color-mix(in srgb,var(--social-blue) 78%,var(--social-a)) 48%,var(--social-a) 100%);
  box-shadow:0 19px 42px color-mix(in srgb,var(--social-navy) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.19)
}
.social-title::before,.social-title::after{content:"";position:absolute;pointer-events:none;border-radius:999px}
.social-title::before{width:148px;height:148px;right:-56px;bottom:-91px;border:1px solid rgba(255,255,255,.17);box-shadow:0 0 0 20px rgba(255,255,255,.035),0 0 0 42px rgba(255,255,255,.025)}
.social-title::after{width:56px;height:4px;left:23px;bottom:13px;background:linear-gradient(90deg,var(--social-mint),rgba(255,255,255,.9));box-shadow:0 0 18px rgba(87,219,199,.6)}
.social-title small,.social-title h2,.social-title p{position:relative;z-index:1;color:#fff}
.social-title small{opacity:.9;letter-spacing:.18em}
.social-title h2{margin-top:7px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.16)}
.social-title p{max-width:575px;margin-top:9px;color:rgba(255,255,255,.82)}
.social-back{border-color:color-mix(in srgb,var(--social-a) 38%,var(--borde));background:color-mix(in srgb,var(--card) 93%,var(--social-a) 7%);color:var(--textoAcento)}

/* Tabs float into the hero and use a clear active color. */
.social-tabs{z-index:2;margin:-14px 14px 18px;padding:5px;border-color:color-mix(in srgb,var(--social-a) 22%,var(--borde));background:color-mix(in srgb,var(--card) 95%,transparent);box-shadow:0 14px 30px rgba(3,39,59,.12)}
.social-tab{min-height:54px;border-radius:15px}
.social-tab.active{background:linear-gradient(135deg,var(--social-navy),color-mix(in srgb,var(--social-a) 82%,var(--social-blue)));color:#fff;box-shadow:0 9px 20px color-mix(in srgb,var(--social-navy) 24%,transparent)}
.social-tab.active b,.social-tab.active small{color:#fff}
.social-tab.active::after{left:25%;right:25%;bottom:5px;height:3px;background:linear-gradient(90deg,var(--social-mint),#fff);box-shadow:0 0 12px rgba(87,219,199,.65)}

/* More distinctive functional cards without changing their interaction. */
.social-card{border-color:color-mix(in srgb,var(--social-a) 22%,var(--borde));box-shadow:0 14px 34px rgba(3,39,59,.09)}
.social-search-card,.social-section-create-card{
  background:
    radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--social-a) 10%,transparent),transparent 26%),
    linear-gradient(145deg,var(--social-surface-strong),color-mix(in srgb,var(--social-a) 4%,var(--social-surface)))
}
.social-search-card::before{height:4px;background:linear-gradient(90deg,var(--social-navy),var(--social-blue),var(--social-mint),transparent 84%);opacity:1}
.social-section-kicker{display:flex;align-items:center;gap:7px;color:var(--social-ink)}
.social-section-kicker::before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:999px;background:linear-gradient(135deg,var(--social-blue),var(--social-a));box-shadow:0 0 0 4px color-mix(in srgb,var(--social-a) 10%,transparent)}
.social-search-row input{border-color:color-mix(in srgb,var(--social-a) 28%,var(--borde));box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.social-search-row button{background:linear-gradient(135deg,var(--social-navy),var(--social-a) 68%,var(--social-mint));box-shadow:0 10px 22px color-mix(in srgb,var(--social-a) 25%,transparent)}

/* Conversation list: subtle color lanes and better unread state. */
.social-list-head{position:relative;padding-left:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--social-a) 6%,transparent),transparent 56%)}
.social-list-head::before{content:"";position:absolute;left:10px;top:15px;bottom:12px;width:3px;border-radius:99px;background:linear-gradient(180deg,var(--social-blue),var(--social-a),var(--social-mint))}
.social-conversation-row{position:relative;margin:3px 0;padding:12px 11px;border:1px solid transparent}
.social-conversation-row:has(.social-unread){border-color:color-mix(in srgb,var(--social-a) 22%,var(--borde));background:linear-gradient(90deg,color-mix(in srgb,var(--social-a) 8%,var(--card)),var(--card) 74%)}
.social-conversation-row:has(.social-unread)::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 99px 99px 0;background:linear-gradient(180deg,var(--social-blue),var(--social-a))}
.social-conversation-row:nth-child(3n+1) .social-avatar{background:linear-gradient(145deg,color-mix(in srgb,var(--social-a) 20%,var(--card)),color-mix(in srgb,var(--social-mint) 18%,var(--card)));color:var(--social-ink)}
.social-conversation-row:nth-child(3n+2) .social-avatar{border-color:color-mix(in srgb,var(--social-blue) 35%,var(--borde));background:linear-gradient(145deg,color-mix(in srgb,var(--social-blue) 14%,var(--card)),color-mix(in srgb,var(--social-a) 9%,var(--card)));color:var(--social-navy)}
.social-conversation-row:nth-child(3n) .social-avatar{border-color:color-mix(in srgb,var(--social-navy) 28%,var(--borde));background:linear-gradient(145deg,color-mix(in srgb,var(--social-navy) 12%,var(--card)),color-mix(in srgb,var(--social-blue) 9%,var(--card)));color:var(--social-navy)}
.social-avatar{box-shadow:0 7px 16px color-mix(in srgb,var(--social-navy) 10%,transparent),inset 0 1px 0 rgba(255,255,255,.65)}
.social-unread,.social-section-alert{background:linear-gradient(135deg,var(--social-navy),var(--social-a) 68%,var(--social-mint));box-shadow:0 7px 16px color-mix(in srgb,var(--social-a) 30%,transparent)}
.social-chevron{color:var(--social-a)}
.social-list-head>button{border-color:color-mix(in srgb,var(--social-a) 30%,var(--borde));background:color-mix(in srgb,var(--social-a) 5%,var(--card));color:var(--social-ink)}

/* Sections rows get the same visual depth as direct chats. */
.social-section-row{position:relative;margin:3px 0;padding:13px 12px 13px 17px;border:1px solid transparent}
.social-section-row::before{content:"";position:absolute;left:5px;top:14px;bottom:14px;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--social-blue),var(--social-mint));opacity:.72}
.social-section-row:has(.social-section-alert){border-color:color-mix(in srgb,var(--social-a) 20%,var(--borde));background:linear-gradient(90deg,color-mix(in srgb,var(--social-blue) 6%,var(--card)),var(--card) 75%)}

/* Direct chat: a true branded conversation screen. */
.social-chat-head{
  min-height:72px;
  padding-top:max(12px,env(safe-area-inset-top));
  border-bottom-color:rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.14),transparent 22%),
    linear-gradient(122deg,var(--social-navy),color-mix(in srgb,var(--social-blue) 75%,var(--social-a)) 58%,var(--social-a));
  box-shadow:0 12px 28px color-mix(in srgb,var(--social-navy) 22%,transparent)
}
.social-chat-head .social-inner-back{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.12);color:#fff;box-shadow:none}
.social-chat-head .social-avatar{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.social-chat-contact::before{color:rgba(255,255,255,.72)}
.social-chat-contact b{color:#fff;font-size:16px}
.social-chat-contact small{color:rgba(255,255,255,.72)}
.social-messages{
  gap:10px;
  padding-top:20px;
  background:
    radial-gradient(circle at 92% 5%,color-mix(in srgb,var(--social-a) 13%,transparent),transparent 19%),
    radial-gradient(circle at 4% 53%,color-mix(in srgb,var(--social-blue) 8%,transparent),transparent 22%),
    linear-gradient(180deg,color-mix(in srgb,var(--social-a) 4%,var(--bg)),var(--bg) 33%,color-mix(in srgb,var(--social-blue) 3%,var(--bg)))
}
.social-message{padding:11px 13px;border-color:color-mix(in srgb,var(--social-blue) 15%,var(--borde));box-shadow:0 7px 19px rgba(3,39,59,.065)}
.social-message:not(.mine){border-left:3px solid color-mix(in srgb,var(--social-blue) 65%,var(--social-a));background:color-mix(in srgb,var(--card) 98%,var(--social-blue) 2%)}
.social-message.mine{border:0;background:linear-gradient(135deg,var(--social-blue),var(--social-a) 76%,var(--social-mint));color:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--social-a) 22%,transparent)}
.social-message.mine p{color:#fff}
.social-message.mine time{color:rgba(255,255,255,.72)}
.social-message p{font-size:13.25px}
.social-composer{border-top-color:color-mix(in srgb,var(--social-a) 17%,var(--borde));background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:0 -10px 30px rgba(3,39,59,.08)}
.social-composer textarea{border-color:color-mix(in srgb,var(--social-a) 31%,var(--borde));background:var(--card);box-shadow:0 5px 14px rgba(3,39,59,.05)}
.social-send{background:linear-gradient(135deg,var(--social-navy),var(--social-a) 72%,var(--social-mint));box-shadow:0 9px 20px color-mix(in srgb,var(--social-a) 26%,transparent)}

/* Section detail inherits the richer top bar instead of becoming a different product. */
.social-section-head{border-bottom:0;background:linear-gradient(125deg,var(--social-navy),color-mix(in srgb,var(--social-blue) 76%,var(--social-a)) 58%,var(--social-a));box-shadow:0 12px 28px color-mix(in srgb,var(--social-navy) 18%,transparent)}
.social-section-head .social-inner-back{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.12);color:#fff;box-shadow:none}
.social-section-heading small,.social-section-heading h3,.social-section-heading p{color:#fff}.social-section-heading small,.social-section-heading p{opacity:.76}

body.dark #socialPanel,html[data-theme="dark"] #socialPanel{--social-navy:#0b526f;--social-blue:#168ca7;--social-mint:#4dd7c1;--social-ink:var(--text)}
body.dark .social-title,html[data-theme="dark"] .social-title{border-color:rgba(255,255,255,.12)}
body.dark .social-tab.active,html[data-theme="dark"] .social-tab.active{box-shadow:0 10px 24px rgba(0,0,0,.28)}
body.dark .social-message:not(.mine),html[data-theme="dark"] .social-message:not(.mine){border-left-color:var(--social-blue)}

@media(max-width:640px){
  .social-head{gap:12px;padding-bottom:2px}
  .social-title{padding:20px 19px 21px;border-radius:25px}
  .social-title::after{left:19px;bottom:12px}
  .social-title h2{font-size:clamp(28px,9.2vw,36px)}
  .social-tabs{margin:-13px 9px 16px}
  .social-tab{min-height:51px}
  .social-chat-head{min-height:68px}
  .social-message{max-width:88%}
}
@media(max-width:390px){
  .social-title{padding:18px 17px 20px;border-radius:23px}
  .social-title::after{left:17px}
  .social-tabs{margin-left:6px;margin-right:6px}
  .social-list-head{padding-left:18px}
}

/* ===== Social V3 — product-density redesign ===== */
#socialPanel{
  --social-v3-navy:#0b3e58;--social-v3-teal:#079f9b;--social-v3-mint:#72dfcd;
  --social-v3-line:color-mix(in srgb,var(--borde) 76%,transparent);
  --social-v3-soft:color-mix(in srgb,var(--primarioLight) 38%,var(--card));
  padding:0 14px calc(24px + env(safe-area-inset-bottom));
  background-color:var(--bg);
  background-image:radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--social-v3-mint) 11%,transparent),transparent 23%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,var(--social-v3-teal) 2%),var(--bg) 42%)
}
#socialPanel::before{opacity:.24;background-size:64px 64px}
.social-shell{max-width:780px;margin:0 auto;padding-bottom:14px}
.social-head{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;flex-direction:initial;gap:10px;margin:0 -2px;padding:max(10px,env(safe-area-inset-top)) 2px 9px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,transparent) 72%,transparent);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%)}
.social-head>.social-back{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;display:grid;place-items:center;border:1px solid var(--social-v3-line);border-radius:14px;background:var(--card);font-size:0;box-shadow:0 7px 18px rgba(3,39,59,.06)}
.social-head>.social-back::before{content:"\2190";font-size:19px;font-weight:900;line-height:1;color:var(--text)}
.social-title{min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.social-title::before,.social-title::after{display:none!important}
.social-title small{font-size:8px!important;line-height:1.1;letter-spacing:.14em!important;color:var(--muted)!important;opacity:1!important}
.social-title h2{margin-top:2px!important;font-size:22px!important;line-height:1.05!important;letter-spacing:-.025em!important;color:var(--text)!important;text-shadow:none!important}
.social-title p{display:none!important}
.social-primary-action{width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--social-v3-navy),var(--social-v3-teal));color:#fff;font:inherit;font-size:25px;font-weight:500;line-height:1;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,var(--social-v3-teal) 24%,transparent)}
.social-tabs{margin:3px 0 14px;padding:3px;gap:3px;border:1px solid var(--social-v3-line);border-radius:16px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 7px 18px rgba(3,39,59,.045)}
.social-tab{min-height:46px;padding:7px 10px;border-radius:13px;text-align:left;color:var(--muted)}
.social-tab b{font-size:12px;letter-spacing:0;text-transform:none}.social-tab small{margin-top:2px;font-size:8.5px;font-weight:700;letter-spacing:0;text-transform:none}
.social-tab.active{background:var(--social-v3-soft);color:var(--text);box-shadow:none}.social-tab.active b{color:var(--text)}
.social-tab.active::after{left:11px;right:auto;bottom:7px;width:18px;height:2px;background:var(--social-v3-teal);box-shadow:none}
.social-search-card,.social-section-create-card{margin:0 0 12px;padding:11px;border:1px solid var(--social-v3-line);border-radius:18px;background:var(--card);box-shadow:0 8px 22px rgba(3,39,59,.055)}
.social-search-card::before{display:none}.social-section-kicker,.social-search-help{display:none}
.social-search-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.social-search-row input{height:44px;padding:0 13px;border:1px solid var(--social-v3-line);border-radius:13px;background:color-mix(in srgb,var(--bg) 48%,var(--card));font-size:13px;box-shadow:none}.social-search-row button{height:44px;padding:0 15px;border-radius:13px;background:var(--social-v3-navy);font-size:9px;box-shadow:none}.social-search-result{margin-top:8px}
.social-card{border-color:var(--social-v3-line);background:var(--card);box-shadow:0 10px 28px rgba(3,39,59,.055)}
.social-list-card{margin-bottom:12px;border-radius:20px;overflow:hidden}.social-list-head{padding:14px 15px 11px;background:transparent;border-bottom:1px solid color-mix(in srgb,var(--borde) 60%,transparent)}.social-list-head::before{display:none}.social-list-head div small{font-size:8px;letter-spacing:.12em;color:var(--social-v3-teal)}.social-list-head div b{margin-top:3px;font-size:17px;letter-spacing:-.015em}.social-list-meta{display:block;margin-top:3px;font-size:9.5px;color:var(--muted)}
.social-conversations{display:block;padding:0}.social-conversation-row{grid-template-columns:48px minmax(0,1fr) auto;gap:11px;min-height:72px;margin:0;padding:11px 14px;border:0!important;border-radius:0;background:transparent!important;transform:none!important}.social-conversation-row+.social-conversation-row{margin:0;border-top:1px solid color-mix(in srgb,var(--borde) 52%,transparent)!important}.social-conversation-row::before{display:none!important}.social-conversation-row:has(.social-unread){background:linear-gradient(90deg,color-mix(in srgb,var(--social-v3-teal) 8%,var(--card)),var(--card) 72%)!important}.social-conversation-row:has(.social-unread)::after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 99px 99px 0;background:var(--social-v3-teal)}
.social-avatar{width:48px;height:48px;border-radius:50%;border:1px solid color-mix(in srgb,var(--social-v3-teal) 22%,var(--borde));background:linear-gradient(145deg,color-mix(in srgb,var(--social-v3-teal) 12%,var(--card)),color-mix(in srgb,var(--social-v3-navy) 8%,var(--card)))!important;color:var(--social-v3-navy)!important;box-shadow:none!important}.social-conversation-line b{font-size:13px;font-weight:850}.social-conversation-line time{font-size:8.5px}.social-conversation-copy small{margin-top:4px;font-size:10.5px;line-height:1.35}.social-chevron{display:none}.social-unread,.social-section-alert{min-width:20px;height:20px;padding:0 6px;background:var(--social-v3-teal);box-shadow:none;font-size:8px}
.social-empty{margin:0;padding:28px 18px;border:0;border-radius:0;background:transparent;text-align:center}.social-empty b{font-size:14px}.social-empty p{font-size:10.5px}
#socialInvitacionesCard{border-color:color-mix(in srgb,var(--social-v3-teal) 28%,var(--borde));background:linear-gradient(145deg,color-mix(in srgb,var(--social-v3-teal) 5%,var(--card)),var(--card))}.social-invite-row{padding:13px 14px}.social-invite-actions button{min-height:34px;border-radius:10px}
.social-section-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:0;padding:13px 14px;border:0!important;border-radius:0;background:transparent!important}.social-section-row+.social-section-row{margin:0;border-top:1px solid color-mix(in srgb,var(--borde) 52%,transparent)!important}.social-section-row::before{display:none}.social-section-row-copy b{font-size:13px;font-weight:850}.social-section-row-copy small{font-size:9.5px}.social-section-row-copy small:last-child{margin-top:6px;font-size:10px}.social-section-row-side{min-width:38px}
#socialPanel.social-chat-open{background:var(--bg)}.social-chat-head{min-height:66px;grid-template-columns:42px 42px minmax(0,1fr);gap:10px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid var(--social-v3-line);background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 6px 18px rgba(3,39,59,.05)}.social-chat-head .social-inner-back{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border:1px solid var(--social-v3-line);background:var(--card);color:var(--text);box-shadow:none}.social-chat-head .social-avatar{width:40px;height:40px;border-radius:50%;border-color:color-mix(in srgb,var(--social-v3-teal) 28%,var(--borde));background:var(--social-v3-soft)!important;color:var(--social-v3-navy)!important}.social-chat-contact::before{display:none}.social-chat-contact b{color:var(--text);font-size:14px;font-weight:850}.social-chat-contact small{margin-top:2px;color:var(--muted);font-size:9px}
.social-messages{gap:7px;padding:16px 12px 12px;background:radial-gradient(circle at 92% 7%,color-mix(in srgb,var(--social-v3-mint) 9%,transparent),transparent 23%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 97%,var(--social-v3-teal) 3%),var(--bg))}.social-messages::before{content:"";flex:1 1 auto;min-height:16px}.social-day-divider{align-self:center;margin:5px 0 8px;padding:5px 9px;border:1px solid var(--social-v3-line);border-radius:999px;background:color-mix(in srgb,var(--card) 90%,transparent);color:var(--muted);font-size:8.5px;font-weight:800;box-shadow:0 4px 12px rgba(3,39,59,.04)}
.social-message{max-width:min(82%,600px);padding:9px 11px;border:1px solid var(--social-v3-line);border-radius:17px 17px 17px 5px;background:var(--card);box-shadow:0 4px 13px rgba(3,39,59,.045)}.social-message:not(.mine){border-left:1px solid var(--social-v3-line)}.social-message.mine{border:0;border-radius:17px 17px 5px 17px;background:linear-gradient(135deg,var(--social-v3-navy),color-mix(in srgb,var(--social-v3-teal) 86%,var(--social-v3-navy)));color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--social-v3-navy) 18%,transparent)}.social-message p{font-size:12.7px;line-height:1.42}.social-message time{margin-top:4px;font-size:8px}
.social-composer{grid-template-columns:minmax(0,1fr) 46px;gap:8px;padding:8px 10px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--social-v3-line);background:color-mix(in srgb,var(--card) 96%,transparent);box-shadow:0 -6px 18px rgba(3,39,59,.045)}.social-composer textarea{min-height:46px;max-height:112px;padding:12px 13px;border:1px solid var(--social-v3-line);border-radius:15px;background:color-mix(in srgb,var(--bg) 35%,var(--card));font-size:13px;box-shadow:none}.social-send{width:46px;min-width:46px;height:46px;padding:0;border-radius:15px;background:linear-gradient(135deg,var(--social-v3-navy),var(--social-v3-teal));font-size:0;box-shadow:0 7px 16px color-mix(in srgb,var(--social-v3-teal) 20%,transparent)}.social-send::before{content:"\27A4";display:block;font-size:18px;line-height:1;color:#fff;transform:translateX(1px)}.social-chat-view>.social-status:empty{display:none}
.social-section-head{background:color-mix(in srgb,var(--card) 96%,transparent);border-bottom:1px solid var(--social-v3-line);box-shadow:0 6px 18px rgba(3,39,59,.05)}.social-section-head .social-inner-back{border:1px solid var(--social-v3-line);background:var(--card);color:var(--text)}.social-section-heading small{color:var(--social-v3-teal)!important;opacity:1}.social-section-heading h3{color:var(--text)!important}.social-section-heading p{color:var(--muted)!important;opacity:1}
body.dark #socialPanel,html[data-theme="dark"] #socialPanel{--social-v3-navy:#176c89;--social-v3-teal:#24b8ad;--social-v3-soft:color-mix(in srgb,var(--card) 88%,var(--social-v3-teal) 12%)}body.dark .social-message.mine,html[data-theme="dark"] .social-message.mine{background:linear-gradient(135deg,#17627e,#168f8d)}
@media(max-width:640px){#socialPanel{padding-left:10px;padding-right:10px}.social-head{margin:0;padding-left:0;padding-right:0}.social-title{padding:0!important;border-radius:0!important}.social-tabs{margin:2px 0 12px}.social-tab{min-height:45px;padding:7px 9px}.social-search-card,.social-section-create-card{padding:9px}.social-search-row{grid-template-columns:minmax(0,1fr) auto}.social-search-row button{width:auto;padding:0 12px}.social-conversation-row{padding-left:12px;padding-right:12px}.social-message{max-width:86%}.social-chat-head{grid-template-columns:40px 40px minmax(0,1fr);padding-left:10px;padding-right:10px}.social-composer{grid-template-columns:minmax(0,1fr) 46px;padding-left:9px;padding-right:9px}.social-send{min-width:46px;width:46px}}

/* ===== Social V3.1 — floating primary action ===== */
.social-head{
  grid-template-columns:44px minmax(0,1fr);
}
#socialHome{
  padding-bottom:96px;
}
.social-primary-action{
  position:fixed;
  right:max(18px,calc((100vw - 780px)/2 + 18px));
  bottom:max(22px,calc(env(safe-area-inset-bottom) + 18px));
  z-index:30;
  width:56px;
  height:56px;
  border-radius:18px;
  font-size:30px;
  box-shadow:0 13px 30px color-mix(in srgb,var(--social-v3-navy) 24%,transparent),0 4px 10px rgba(3,39,59,.12);
  -webkit-tap-highlight-color:transparent;
}
html.academia-hover-capable .social-primary-action:hover{transform:translateY(-1px)}
.social-primary-action:active{transform:translateY(1px) scale(.98)}
.social-primary-action:focus-visible{outline:3px solid color-mix(in srgb,var(--social-v3-teal) 34%,transparent);outline-offset:3px}
.social-chat-open .social-primary-action,.social-section-open .social-primary-action{display:none!important}
@media(max-width:640px){
  #socialHome{padding-bottom:92px}
  .social-primary-action{right:max(16px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 16px));width:56px;height:56px;border-radius:18px}
}

/* ===== Chat Naval Productivo V4 ===== */
#socialPanel{--social-product-navy:#083f59;--social-product-teal:#0d938e;--social-product-mint:#68d6bf;--social-product-gold:#d7a53b;--social-product-danger:#b44343;--social-product-line:color-mix(in srgb,var(--borde) 72%,transparent)}
.social-head-chip,.social-filter-chip,.social-icon-action,.social-attach-btn,.social-announcement-compose{appearance:none;border:1px solid var(--social-product-line);background:var(--card);color:var(--text);font:800 9px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.social-head-chip{align-self:center;min-height:34px;padding:0 11px;border-radius:11px;color:var(--muted);white-space:nowrap}.social-head-chip[aria-pressed="true"]{border-color:color-mix(in srgb,var(--social-product-teal) 36%,var(--borde));background:color-mix(in srgb,var(--social-product-teal) 10%,var(--card));color:var(--social-product-teal)}
.social-conversation-name{display:flex;align-items:center;gap:6px;min-width:0}.social-conversation-name b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-mini-state{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:6px;background:color-mix(in srgb,var(--social-product-teal) 10%,var(--card));color:var(--social-product-teal);font-size:6.5px;font-style:normal;font-weight:900;letter-spacing:.08em}.social-mini-state .solar-slot{width:10px;height:10px;min-width:10px}.social-mini-state.muted{background:color-mix(in srgb,var(--muted) 10%,var(--card));color:var(--muted)}.social-conversation-row.pinned{background:linear-gradient(90deg,color-mix(in srgb,var(--social-product-teal) 5%,var(--card)),var(--card) 70%)!important}.social-unread.muted{background:color-mix(in srgb,var(--muted) 65%,var(--card));box-shadow:none}
.social-section-create-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.social-section-create-form input{min-width:0;height:44px;padding:0 13px;border:1px solid var(--social-product-line);border-radius:13px;background:color-mix(in srgb,var(--bg) 42%,var(--card));color:var(--text);font:600 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:none}.social-section-create-form input:nth-child(2){grid-column:1/-1}.social-section-create-form>button[type="submit"]{grid-column:2;grid-row:1;height:44px;padding:0 16px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--social-product-navy),var(--social-product-teal));color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}.social-section-create-form input:focus{border-color:color-mix(in srgb,var(--social-product-teal) 55%,var(--borde));box-shadow:0 0 0 3px color-mix(in srgb,var(--social-product-teal) 10%,transparent)}

/* Conversación directa */
.social-chat-head{grid-template-columns:40px 40px minmax(0,1fr) 38px 38px!important;gap:8px!important}.social-chat-contact{min-width:0}.social-chat-contact b,.social-chat-contact small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-chat-contact small.typing{color:var(--social-product-teal)!important;font-weight:800}
.social-icon-action{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:12px;font-size:14px;letter-spacing:1px}html.academia-hover-capable .social-icon-action:hover,.social-icon-action:focus-visible{border-color:color-mix(in srgb,var(--social-product-teal) 34%,var(--borde));background:color-mix(in srgb,var(--social-product-teal) 8%,var(--card));color:var(--social-product-teal)}.social-icon-action svg,.social-attach-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-chat-tool-panel{position:absolute;z-index:18;top:68px;right:10px;left:10px;margin:0 auto;border:1px solid var(--social-product-line);border-radius:17px;background:color-mix(in srgb,var(--card) 97%,transparent);box-shadow:0 18px 42px rgba(3,39,59,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.social-chat-tool-panel[hidden]{display:none!important}.social-search-tools{max-width:640px;padding:10px}.social-chat-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.social-chat-search-form input{min-width:0;height:41px;padding:0 12px;border:1px solid var(--social-product-line);border-radius:11px;background:color-mix(in srgb,var(--bg) 35%,var(--card));color:var(--text);font:600 11.5px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:none}.social-chat-search-form button{height:41px;padding:0 12px;border:0;border-radius:11px;background:var(--social-product-navy);color:#fff;font-size:8.5px;font-weight:900;letter-spacing:.08em}.social-filter-chip{min-height:31px;margin-top:8px;padding:0 10px;border-radius:10px;color:var(--muted)}.social-filter-chip[aria-pressed="true"]{border-color:color-mix(in srgb,var(--social-product-gold) 45%,var(--borde));background:color-mix(in srgb,var(--social-product-gold) 12%,var(--card));color:color-mix(in srgb,var(--social-product-gold) 82%,var(--text))}.social-filter-chip.compact{margin:0;height:34px;min-height:34px;padding:0 9px;font-size:7.5px}
.social-message-search-results{display:grid;gap:4px;max-height:260px;margin-top:8px;overflow:auto}.social-message-search-row{display:grid;gap:4px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}html.academia-hover-capable .social-message-search-row:hover{background:color-mix(in srgb,var(--social-product-teal) 7%,var(--card))}.social-message-search-row>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-message-search-row b{font-size:9px}.social-message-search-row time{color:var(--muted);font-size:8px}.social-message-search-row small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.social-search-loading,.social-search-empty{padding:14px;color:var(--muted);font-size:10px;text-align:center}
.social-chat-menu{left:auto;width:min(300px,calc(100vw - 22px));padding:7px}.social-chat-menu>button{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;width:100%;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--text);text-align:left;cursor:pointer}html.academia-hover-capable .social-chat-menu>button:hover,.social-chat-menu>button.active{background:color-mix(in srgb,var(--social-product-teal) 7%,var(--card))}.social-chat-menu>button>span{grid-row:1/3;align-self:center;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--social-product-teal) 9%,var(--card));color:var(--social-product-teal);font-size:14px}.social-chat-menu>button>b{font-size:10.5px}.social-chat-menu>button>small{margin-top:2px;color:var(--muted);font-size:8.5px}.social-chat-menu>button.danger{color:var(--social-product-danger)}.social-chat-menu>button.danger>span{background:color-mix(in srgb,var(--social-product-danger) 9%,var(--card));color:var(--social-product-danger)}
.social-message{position:relative;overflow:visible}.social-message.important::before{content:"★";position:absolute;top:7px;right:-20px;color:var(--social-product-gold);font-size:10px}.social-message.mine.important::before{right:auto;left:-20px}.social-message-reply-ref{display:grid;width:100%;margin:0 0 6px;padding:7px 8px;border:0;border-left:2px solid color-mix(in srgb,var(--social-product-teal) 70%,transparent);border-radius:7px;background:rgba(255,255,255,.45);color:inherit;text-align:left;cursor:pointer}.social-message.mine .social-message-reply-ref{background:rgba(255,255,255,.13);border-left-color:rgba(255,255,255,.72)}.social-message-reply-ref small{font-size:7.5px;font-weight:900;letter-spacing:.04em;opacity:.8}.social-message-reply-ref b{margin-top:2px;overflow:hidden;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.social-message-attachment{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-width:200px;margin:0 0 7px;padding:7px;border:1px solid color-mix(in srgb,var(--borde) 72%,transparent);border-radius:11px;background:color-mix(in srgb,var(--bg) 42%,var(--card));color:var(--text);text-decoration:none}.social-message.mine .social-message-attachment{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.11);color:#fff}.social-message-attachment.image{grid-template-columns:1fr;overflow:hidden;padding:4px}.social-message-attachment.image img{width:100%;max-height:220px;border-radius:8px;object-fit:cover}.social-message-attachment.image .social-attachment-icon{display:none}.social-message-attachment.image>span:last-child{padding:3px 5px}.social-attachment-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--social-product-teal) 12%,var(--card));color:var(--social-product-teal);font-size:7px;font-weight:950}.social-message-attachment>span:last-child{min-width:0;display:grid}.social-message-attachment b{overflow:hidden;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.social-message-attachment small{margin-top:2px;color:inherit;font-size:7.5px;opacity:.68}.social-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.social-message-meta time{margin:0!important}.social-receipt{font-size:8px;font-weight:800;letter-spacing:-2px;opacity:.72}.social-receipt.read{color:#7de4df;opacity:1}.social-message-actions{position:absolute;z-index:5;top:50%;right:-74px;display:flex;gap:4px;padding:3px;border:1px solid var(--social-product-line);border-radius:10px;background:var(--card);box-shadow:0 8px 20px rgba(3,39,59,.12);opacity:0;pointer-events:none;transform:translateY(-50%) scale(.94);transition:.14s ease}.social-message.mine .social-message-actions{right:auto;left:-74px}.social-message.selected .social-message-actions,.social-message:focus-within .social-message-actions{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.social-message-actions button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:15px;cursor:pointer}html.academia-hover-capable .social-message-actions button:hover,.social-message-actions button.active{background:color-mix(in srgb,var(--social-product-gold) 10%,var(--card));color:var(--social-product-gold)}.social-message.highlight,.social-section-message.highlight{animation:social-message-highlight 1.7s ease}@keyframes social-message-highlight{0%,100%{box-shadow:inherit}30%{box-shadow:0 0 0 4px color-mix(in srgb,var(--social-product-gold) 30%,transparent),0 8px 24px rgba(3,39,59,.12)}}
.social-composer-rich{display:block!important;padding:0!important}.social-compose-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-bottom:1px solid var(--social-product-line);background:color-mix(in srgb,var(--social-product-teal) 5%,var(--card))}.social-compose-preview[hidden]{display:none!important}.social-compose-preview>span{min-width:0;display:grid}.social-compose-preview small{color:var(--social-product-teal);font-size:6.5px;font-weight:900;letter-spacing:.1em}.social-compose-preview b{margin-top:2px;overflow:hidden;color:var(--text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.social-compose-preview.attachment small{color:var(--social-product-gold)}.social-compose-preview>button{width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.social-composer-row{display:grid;grid-template-columns:42px minmax(0,1fr) 46px;gap:7px;padding:8px 9px max(9px,env(safe-area-inset-bottom))}.social-attach-btn{display:grid;place-items:center;width:42px;height:46px;padding:0;border-radius:14px;color:var(--social-product-teal)}.social-attach-btn:disabled{opacity:.5;cursor:wait}.social-composer-row textarea{min-width:0;min-height:46px;max-height:112px;padding:12px 13px;border:1px solid var(--social-product-line);border-radius:15px;background:color-mix(in srgb,var(--bg) 35%,var(--card));color:var(--text);font-size:13px;resize:none;outline:none}.social-composer-row textarea:focus{border-color:color-mix(in srgb,var(--social-product-teal) 45%,var(--borde));box-shadow:0 0 0 3px color-mix(in srgb,var(--social-product-teal) 8%,transparent)}

/* Secciones productivas */
.social-section-head-rich{grid-template-columns:40px minmax(0,1fr) 38px!important}.social-section-description{display:block;margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.social-section-description[hidden]{display:none}.social-section-edit-card{margin:0 0 12px;padding:11px}.social-section-edit-card[hidden]{display:none!important}.social-edit-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px}.social-edit-actions button{min-height:34px;padding:0 12px;border:1px solid var(--social-product-line);border-radius:10px;background:var(--card);color:var(--text);font-size:8px;font-weight:900;letter-spacing:.06em}.social-edit-actions button[type="submit"]{border:0;background:var(--social-product-navy);color:#fff}
.social-section-chat-head{align-items:center}.social-section-chat-tools{display:flex;align-items:center;gap:6px}.social-section-chat-card{overflow:visible}.social-section-search-panel{padding:9px;border-bottom:1px solid var(--social-product-line);background:color-mix(in srgb,var(--bg) 35%,var(--card))}.social-section-search-panel[hidden]{display:none!important}
.social-section-messages{gap:8px!important}.social-section-message{position:relative;max-width:min(86%,620px);padding:9px 10px!important;border:1px solid var(--social-product-line)!important;border-radius:16px 16px 16px 5px!important;background:var(--card)!important;box-shadow:0 4px 13px rgba(3,39,59,.045)!important}.social-section-message.mine{align-self:flex-end;border:0!important;border-radius:16px 16px 5px 16px!important;background:linear-gradient(135deg,var(--social-product-navy),color-mix(in srgb,var(--social-product-teal) 86%,var(--social-product-navy)))!important;color:#fff!important}.social-section-message.announcement{border-color:color-mix(in srgb,var(--social-product-gold) 48%,var(--borde))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--social-product-gold) 9%,var(--card)),var(--card))!important}.social-section-message.mine.announcement{background:linear-gradient(135deg,color-mix(in srgb,var(--social-product-gold) 58%,var(--social-product-navy)),var(--social-product-navy))!important;color:#fff!important}.social-section-message-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.social-section-message-top>b{font-size:8px!important;letter-spacing:.02em}.social-announcement-badge{padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--social-product-gold) 18%,var(--card));color:color-mix(in srgb,var(--social-product-gold) 85%,#614000);font-size:6px;font-weight:950;letter-spacing:.1em}.social-section-message.mine .social-announcement-badge{background:rgba(255,255,255,.16);color:#fff}.social-section-message .social-message-actions{right:-74px}.social-section-message.mine .social-message-actions{right:auto;left:-74px}.social-section-message.selected .social-message-actions{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
.social-section-composer.social-composer-rich{padding:0!important}.social-section-composer-row{display:grid;grid-template-columns:42px auto minmax(0,1fr) 46px;gap:7px;padding:8px 9px}.social-section-composer-row textarea{min-width:0;min-height:46px;max-height:104px;padding:12px 13px;border:1px solid var(--social-product-line);border-radius:15px;background:color-mix(in srgb,var(--bg) 35%,var(--card));color:var(--text);font-size:12px;resize:none;outline:none}.social-announcement-compose{height:46px;padding:0 9px;border-radius:14px;color:var(--muted);font-size:7px;letter-spacing:.08em}.social-announcement-compose[aria-pressed="true"],.social-announcement-compose.active{border-color:color-mix(in srgb,var(--social-product-gold) 48%,var(--borde));background:color-mix(in srgb,var(--social-product-gold) 13%,var(--card));color:color-mix(in srgb,var(--social-product-gold) 85%,var(--text))}.social-section-chat-head .social-list-meta:not(:empty){color:var(--social-product-teal);font-weight:750}
body.dark #socialPanel,html[data-theme="dark"] #socialPanel{--social-product-navy:#176c89;--social-product-teal:#24b8ad;--social-product-gold:#e5b852}.social-message.mine .social-message-attachment,.social-section-message.mine .social-message-attachment{color:#fff}
@media(max-width:640px){
  .social-chat-head{grid-template-columns:38px 38px minmax(0,1fr) 36px 36px!important;gap:6px!important}.social-chat-head .social-inner-back{width:38px!important;min-width:38px!important;height:38px!important}.social-chat-head .social-avatar{width:38px;height:38px}.social-icon-action{width:36px;height:36px;border-radius:11px}.social-chat-tool-panel{top:64px;right:8px;left:8px}.social-chat-menu{left:auto}.social-message-actions,.social-section-message .social-message-actions{top:auto;right:4px!important;left:auto!important;bottom:-35px;transform:scale(.94)}.social-message.selected,.social-section-message.selected{margin-bottom:34px}.social-message.selected .social-message-actions,.social-section-message.selected .social-message-actions{transform:scale(1)}.social-message.important::before{right:-15px}.social-message.mine.important::before{left:-15px}.social-message-attachment{min-width:170px}.social-composer-row{grid-template-columns:40px minmax(0,1fr) 46px}.social-attach-btn{width:40px}.social-section-head-rich{grid-template-columns:40px minmax(0,1fr) 36px!important}.social-section-create-form{grid-template-columns:minmax(0,1fr) auto}.social-section-composer-row{grid-template-columns:40px auto minmax(0,1fr) 46px;gap:5px;padding-left:7px;padding-right:7px}.social-announcement-compose{padding:0 7px;font-size:6.5px}.social-section-message{max-width:88%}
}
@media(max-width:390px){.social-section-composer-row{grid-template-columns:38px 42px minmax(0,1fr) 44px}.social-announcement-compose{padding:0 4px;font-size:0}.social-announcement-compose::before{content:"!";display:grid;place-items:center;font-size:13px;font-weight:950}.social-composer-row{grid-template-columns:38px minmax(0,1fr) 44px}.social-attach-btn{width:38px}.social-send{width:44px!important;min-width:44px!important}}

/* Secciones: el chat es la vista principal; la estructura naval queda en Organización. */
.social-section-view{display:flex;flex-direction:column}.social-section-view[hidden]{display:none!important}.social-section-head{order:0}.social-section-detail-tabs{order:1;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 12px;padding:4px;border:1px solid var(--social-product-line);border-radius:15px;background:color-mix(in srgb,var(--card) 92%,var(--bg));box-shadow:0 6px 16px rgba(3,39,59,.035)}.social-section-detail-tabs button{position:relative;display:grid;gap:2px;min-height:44px;padding:7px 10px;border:0;border-radius:11px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.social-section-detail-tabs button b{font-size:10px}.social-section-detail-tabs button small{font-size:7.5px}.social-section-detail-tabs button.active{background:var(--card);color:var(--text);box-shadow:0 3px 11px rgba(3,39,59,.07)}.social-section-detail-tabs button.active::after{content:"";position:absolute;left:10px;bottom:5px;width:16px;height:2px;border-radius:99px;background:var(--social-product-teal)}
.social-section-edit-card{order:2}.social-section-chat-card{order:3}.social-section-view>#socialSectionVacancies,.social-section-view>#socialSectionInviteCard,.social-section-view>.social-command-card,.social-section-view>.social-squads-card,.social-section-view>#socialSectionUnassignedCard,.social-section-view>.social-section-footer-actions{order:3}.social-section-view>#socialSectionStatus{order:5}
.social-section-view.detail-chat>#socialSectionVacancies,.social-section-view.detail-chat>#socialSectionInviteCard,.social-section-view.detail-chat>.social-command-card,.social-section-view.detail-chat>.social-squads-card,.social-section-view.detail-chat>#socialSectionUnassignedCard,.social-section-view.detail-chat>.social-section-footer-actions{display:none!important}.social-section-view.detail-org>.social-section-chat-card{display:none!important}.social-section-view.detail-chat .social-section-messages{height:min(62vh,540px);min-height:360px}.social-section-view.detail-chat{padding-bottom:0}.social-section-view.detail-chat .social-section-chat-card{margin-bottom:14px}
@media(max-width:640px){.social-section-detail-tabs{margin-left:0;margin-right:0}.social-section-view.detail-chat .social-section-messages{height:calc(100dvh - 305px);min-height:360px;max-height:590px}}

/* ===== Chat Naval V4.1 — notificaciones y bandeja de pendientes ===== */
.social-head{grid-template-columns:minmax(0,1fr) 42px!important}
.social-notification-toggle{position:relative;align-self:center;justify-self:end;width:42px;height:42px;border-radius:14px;background:var(--card);box-shadow:0 7px 18px rgba(3,39,59,.055)}
.social-notification-toggle[aria-pressed="true"]{border-color:color-mix(in srgb,var(--social-product-teal) 38%,var(--borde));background:color-mix(in srgb,var(--social-product-teal) 9%,var(--card));color:var(--social-product-teal)}
.social-notification-badge{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border:2px solid var(--bg);border-radius:999px;background:var(--social-product-danger);color:#fff;font-size:7px;font-weight:950;line-height:1;box-shadow:0 3px 9px rgba(0,0,0,.14)}
.social-notification-badge[hidden]{display:none!important}
.social-notification-panel{margin:0 0 12px;overflow:hidden;border-radius:20px}
.social-notification-panel[hidden]{display:none!important}
.social-notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px 12px;border-bottom:1px solid color-mix(in srgb,var(--borde) 60%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--social-product-teal) 5%,var(--card)),var(--card) 64%)}
.social-notification-panel-head>div{min-width:0;display:grid;gap:2px}.social-notification-panel-head small{color:var(--social-product-teal);font-size:7.5px;font-weight:900;letter-spacing:.12em}.social-notification-panel-head b{font-size:17px;letter-spacing:-.015em}.social-notification-panel-head span{color:var(--muted);font-size:9.5px;line-height:1.35}
.social-notification-enable{flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid color-mix(in srgb,var(--social-product-teal) 30%,var(--borde));border-radius:11px;background:color-mix(in srgb,var(--social-product-teal) 8%,var(--card));color:var(--social-product-teal);font-size:7.5px;font-weight:950;letter-spacing:.07em;cursor:pointer}
.social-notification-enable.active{border-color:color-mix(in srgb,var(--social-product-danger) 26%,var(--borde));background:color-mix(in srgb,var(--social-product-danger) 7%,var(--card));color:var(--social-product-danger)}.social-notification-enable:disabled{opacity:.55;cursor:not-allowed}
.social-notification-permission{padding:9px 15px;border-bottom:1px solid color-mix(in srgb,var(--borde) 50%,transparent);background:color-mix(in srgb,var(--bg) 34%,var(--card));color:var(--muted);font-size:9px;line-height:1.45}
.social-notification-pending{padding:0}.social-notification-pending-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:66px;padding:10px 14px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.social-notification-pending-row+.social-notification-pending-row{border-top:1px solid color-mix(in srgb,var(--borde) 52%,transparent)}html.academia-hover-capable .social-notification-pending-row:hover{background:color-mix(in srgb,var(--social-product-teal) 5%,var(--card))}.social-notification-pending-row .social-avatar{width:42px;height:42px}.social-notification-pending-copy{min-width:0;display:grid;gap:3px}.social-notification-pending-copy>span{display:flex;align-items:center;gap:6px;min-width:0}.social-notification-pending-copy b{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.social-notification-kind{flex:0 0 auto;padding:3px 5px;border-radius:6px;background:color-mix(in srgb,var(--social-product-teal) 9%,var(--card));color:var(--social-product-teal);font-size:6px;font-weight:950;letter-spacing:.08em}.social-notification-kind.announcement{background:color-mix(in srgb,var(--social-product-gold) 13%,var(--card));color:color-mix(in srgb,var(--social-product-gold) 86%,var(--text))}.social-notification-pending-copy small{overflow:hidden;color:var(--muted);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.social-notification-pending-side{display:grid;justify-items:end;gap:5px}.social-notification-pending-side time{color:var(--muted);font-size:7.5px}.social-notification-pending-side strong{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--social-product-teal);color:#fff;font-size:7.5px}
@media(max-width:640px){.social-head{grid-template-columns:minmax(0,1fr) 40px!important}.social-notification-toggle{width:40px;height:40px;border-radius:13px}.social-notification-panel-head{align-items:flex-start}.social-notification-enable{min-height:34px;padding:0 9px;font-size:6.8px}}

/* V48.57 · avatar de cuenta sincronizado */
.social-avatar.has-photo{color:transparent;text-shadow:none;background-color:var(--superficie,#fff);box-shadow:inset 0 0 0 1px rgba(15,35,55,.08)}
.social-role-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}
.social-role-card .social-role-card-copy{min-width:0;display:flex;flex-direction:column}
.social-role-card.vacant{grid-template-columns:minmax(0,1fr)}
.social-soldier-row,.social-unassigned-row,.social-squad-commander{gap:10px}
.social-soldier-row>.social-avatar,.social-unassigned-row>.social-avatar,.social-squad-commander>.social-avatar{flex:0 0 auto;width:36px;height:36px;font-size:13px}
.social-squad-command-copy{min-width:0;display:flex;flex-direction:column;flex:1}

/* V48.59 · Chat Naval hereda el color de la cuenta */
#socialPanel{
  --social-navy:var(--primario2);
  --social-blue:var(--primario);
  --social-mint:color-mix(in srgb,var(--primario) 56%,#fff);
  --social-ink:var(--textoAcento);
  --social-v3-navy:var(--primario2);
  --social-v3-teal:var(--primario);
  --social-v3-mint:color-mix(in srgb,var(--primario) 56%,#fff);
  --social-v3-soft:color-mix(in srgb,var(--primarioLight) 62%,var(--card));
  --social-product-navy:var(--primario2);
  --social-product-teal:var(--primario);
  --social-product-mint:color-mix(in srgb,var(--primario) 56%,#fff);
  --social-user-accent:var(--primario);
  --social-user-accent-deep:var(--primario2);
  --social-user-on-accent:var(--sobrePrimario,#fff)
}
body.dark #socialPanel,html[data-theme="dark"] #socialPanel{
  --social-navy:var(--primario2);
  --social-blue:var(--primario);
  --social-mint:color-mix(in srgb,var(--primario) 48%,#fff);
  --social-v3-navy:var(--primario2);
  --social-v3-teal:var(--primario);
  --social-v3-mint:color-mix(in srgb,var(--primario) 48%,#fff);
  --social-v3-soft:color-mix(in srgb,var(--primarioLight) 72%,var(--card));
  --social-product-navy:var(--primario2);
  --social-product-teal:var(--primario);
  --social-product-mint:color-mix(in srgb,var(--primario) 48%,#fff)
}
.social-primary-action,
.social-search-row button,
.social-section-create-form>button[type="submit"],
.social-chat-search-form button,
.social-edit-actions button[type="submit"],
.social-send{
  background:linear-gradient(135deg,var(--social-user-accent),color-mix(in srgb,var(--social-user-accent) 82%,var(--social-user-accent-deep)))!important;
  color:var(--social-user-on-accent)!important
}
.social-send::before{color:currentColor!important}
.social-unread,.social-section-alert,.social-notification-pending-side strong{
  background:var(--social-user-accent)!important;
  color:var(--social-user-on-accent)!important
}
.social-message.mine,
body.dark .social-message.mine,
html[data-theme="dark"] .social-message.mine,
.social-section-message.mine{
  background:linear-gradient(135deg,color-mix(in srgb,var(--social-user-accent) 88%,var(--social-user-accent-deep)),var(--social-user-accent))!important;
  color:var(--social-user-on-accent)!important
}
.social-message.mine p,.social-message.mine time,.social-message.mine .social-message-attachment,
.social-section-message.mine p,.social-section-message.mine time,.social-section-message.mine .social-message-attachment,
.social-message.mine .social-message-reply-ref,.social-section-message.mine .social-message-reply-ref,
.social-message.mine .social-receipt.read{color:inherit!important}
.social-message.mine .social-message-reply-ref,.social-section-message.mine .social-message-reply-ref{
  border-left-color:color-mix(in srgb,var(--social-user-on-accent) 58%,transparent)!important;
  background:color-mix(in srgb,var(--social-user-on-accent) 10%,transparent)!important
}
.social-message.mine .social-message-attachment,.social-section-message.mine .social-message-attachment{
  border-color:color-mix(in srgb,var(--social-user-on-accent) 22%,transparent)!important;
  background:color-mix(in srgb,var(--social-user-on-accent) 9%,transparent)!important
}
.social-section-message.mine.announcement{
  background:linear-gradient(135deg,color-mix(in srgb,var(--social-product-gold) 24%,var(--social-user-accent)),var(--social-user-accent))!important;
  color:var(--social-user-on-accent)!important
}
.social-section-message.mine .social-announcement-badge{
  background:color-mix(in srgb,var(--social-user-on-accent) 12%,transparent)!important;
  color:inherit!important
}

/* ===== V48.62 · multimedia y acciones de mensaje refinadas ===== */
.social-head-chip,.social-filter-chip,.social-icon-action,.social-attach-btn,.social-voice-btn,.social-announcement-compose{appearance:none;border:1px solid var(--social-product-line);background:var(--card);color:var(--text);font:800 9px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.social-voice-btn{display:grid;place-items:center;width:42px;height:46px;padding:0;border-radius:14px;color:var(--social-product-teal)}
.social-voice-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html.academia-hover-capable .social-voice-btn:hover,.social-voice-btn:focus-visible{border-color:color-mix(in srgb,var(--social-product-teal) 38%,var(--borde));background:color-mix(in srgb,var(--social-product-teal) 8%,var(--card))}
.social-voice-btn.recording{border-color:color-mix(in srgb,var(--social-product-danger) 42%,var(--borde));background:color-mix(in srgb,var(--social-product-danger) 10%,var(--card));color:var(--social-product-danger);animation:social-record-button 1.25s ease-in-out infinite}
@keyframes social-record-button{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--social-product-danger) 10%,transparent)}}
.social-voice-recording{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 10px;border-bottom:1px solid var(--social-product-line);background:color-mix(in srgb,var(--social-product-danger) 6%,var(--card))}
.social-voice-recording[hidden]{display:none!important}.social-recording-dot{width:9px;height:9px;border-radius:999px;background:var(--social-product-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--social-product-danger) 10%,transparent);animation:social-record-dot 1s ease-in-out infinite}.social-voice-recording>div{min-width:0;display:grid;gap:1px}.social-voice-recording small{color:var(--social-product-danger);font-size:6.5px;font-weight:950;letter-spacing:.1em}.social-voice-recording b{font-size:11px;font-variant-numeric:tabular-nums}.social-voice-recording button{height:30px;padding:0 9px;border:1px solid var(--social-product-line);border-radius:9px;background:var(--card);color:var(--text);font-size:7px;font-weight:900;letter-spacing:.06em;cursor:pointer}.social-voice-recording button:last-child{border-color:color-mix(in srgb,var(--social-product-teal) 35%,var(--borde));background:color-mix(in srgb,var(--social-product-teal) 9%,var(--card));color:var(--social-product-teal)}.social-voice-recording button.cancel{color:var(--muted)}
@keyframes social-record-dot{50%{opacity:.35;transform:scale(.82)}}

.social-composer-row{grid-template-columns:42px 42px minmax(0,1fr) 46px!important}
.social-section-composer-row{grid-template-columns:42px 42px auto minmax(0,1fr) 46px!important}

.social-compose-preview{position:relative;padding:8px 10px;gap:9px;background:color-mix(in srgb,var(--social-product-teal) 5%,var(--card))}.social-compose-preview:not(.attachment)::before{content:"↩";display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--social-product-teal) 10%,var(--card));color:var(--social-product-teal);font-size:13px;font-weight:900}.social-compose-preview:not(.attachment){border-left:3px solid color-mix(in srgb,var(--social-product-teal) 72%,transparent)}.social-compose-preview small{font-size:7px;letter-spacing:.04em;text-transform:none}.social-compose-preview b{font-size:9.5px;line-height:1.25}.social-compose-preview-media{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--social-product-teal) 10%,var(--card));color:var(--social-product-teal);font-size:15px;font-weight:900}.social-compose-preview-media:empty{display:none}.social-compose-preview.image .social-compose-preview-media{width:44px;height:44px}.social-compose-preview.image .social-compose-preview-media img{width:100%;height:100%;object-fit:cover}.social-compose-preview.audio .social-compose-preview-media{border-radius:999px;background:color-mix(in srgb,var(--social-product-teal) 12%,var(--card));font-size:20px}.social-compose-preview.attachment.image small{color:var(--social-product-teal)}.social-compose-preview.attachment.audio small{color:var(--social-product-teal)}

.social-message.important::before,.social-message.mine.important::before{content:none!important;display:none!important}
.social-message-reply-ref{grid-template-columns:28px minmax(0,1fr)!important;align-items:center;gap:8px;width:100%;margin:0 0 7px;padding:7px 8px!important;border:1px solid color-mix(in srgb,var(--social-product-teal) 18%,var(--borde))!important;border-left:3px solid color-mix(in srgb,var(--social-product-teal) 70%,transparent)!important;border-radius:10px!important;background:color-mix(in srgb,var(--social-product-teal) 6%,var(--card))!important;color:inherit;text-align:left;cursor:pointer}.social-reply-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:color-mix(in srgb,var(--social-product-teal) 10%,var(--card));color:var(--social-product-teal);font-size:13px;font-weight:900}.social-message-reply-ref>span:last-child{min-width:0;display:grid}.social-message-reply-ref small{font-size:7px!important;font-weight:850!important;letter-spacing:.01em!important;opacity:.78}.social-message-reply-ref b{margin-top:2px;font-size:9px!important;font-weight:650!important}.social-message.mine .social-message-reply-ref,.social-section-message.mine .social-message-reply-ref{border-color:color-mix(in srgb,var(--social-user-on-accent) 18%,transparent)!important;border-left-color:color-mix(in srgb,var(--social-user-on-accent) 58%,transparent)!important;background:color-mix(in srgb,var(--social-user-on-accent) 9%,transparent)!important}.social-message.mine .social-reply-icon,.social-section-message.mine .social-reply-icon{background:color-mix(in srgb,var(--social-user-on-accent) 12%,transparent);color:inherit}

.social-message-actions,.social-section-message .social-message-actions{position:static!important;display:flex!important;justify-content:flex-end;gap:5px;max-height:0;margin:0;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;opacity:0;overflow:hidden;pointer-events:none;transform:none!important;transition:max-height .18s ease,margin .18s ease,opacity .14s ease}.social-message.selected,.social-section-message.selected{margin-bottom:0!important}.social-message.selected .social-message-actions,.social-section-message.selected .social-message-actions,.social-message:focus-within .social-message-actions{max-height:38px;margin-top:7px;opacity:1;pointer-events:auto;transform:none!important}.social-message-actions button{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;width:auto!important;min-width:0;height:30px!important;padding:0 9px!important;border:1px solid color-mix(in srgb,var(--borde) 64%,transparent)!important;border-radius:9px!important;background:color-mix(in srgb,var(--bg) 35%,var(--card))!important;color:var(--muted)!important;font-size:8px!important;font-weight:850;cursor:pointer}html.academia-hover-capable .social-message-actions button:hover{border-color:color-mix(in srgb,var(--social-product-teal) 30%,var(--borde))!important;background:color-mix(in srgb,var(--social-product-teal) 7%,var(--card))!important;color:var(--social-product-teal)!important}.social-message-actions button.active{border-color:color-mix(in srgb,var(--social-product-gold) 38%,var(--borde))!important;background:color-mix(in srgb,var(--social-product-gold) 10%,var(--card))!important;color:color-mix(in srgb,var(--social-product-gold) 86%,var(--text))!important}.social-action-glyph{width:14px!important;height:14px!important;min-width:14px!important;font-size:12px;line-height:1;vertical-align:middle}.social-important-badge{display:inline-flex;align-items:center;gap:3px}.social-important-badge .solar-slot{width:10px;height:10px;min-width:10px}.social-filter-chip .solar-slot{width:12px;height:12px;min-width:12px;margin-right:3px;vertical-align:middle}.social-pinned-head small .solar-slot{width:10px;height:10px;min-width:10px;vertical-align:middle}.social-icon-action>.solar-slot{width:17px;height:17px;min-width:17px;vertical-align:middle}.social-action-label{font-size:8px;white-space:nowrap}.social-message.mine .social-message-actions button,.social-section-message.mine .social-message-actions button{border-color:color-mix(in srgb,var(--social-user-on-accent) 18%,transparent)!important;background:color-mix(in srgb,var(--social-user-on-accent) 9%,transparent)!important;color:inherit!important}.social-message.mine .social-message-actions button.active{background:color-mix(in srgb,var(--social-product-gold) 22%,transparent)!important;color:inherit!important}
.social-important-badge{display:inline-flex;align-items:center;gap:3px;margin-right:auto;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--social-product-gold) 13%,var(--card));color:color-mix(in srgb,var(--social-product-gold) 88%,var(--text));font-size:6.5px;font-weight:900;letter-spacing:.025em}.social-message.mine .social-important-badge{background:color-mix(in srgb,var(--social-product-gold) 23%,transparent);color:inherit}

.social-message-photo{display:block;overflow:hidden;max-width:min(310px,72vw);margin:0 0 7px;border:1px solid color-mix(in srgb,var(--borde) 55%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bg) 45%,var(--card));box-shadow:0 3px 10px rgba(3,39,59,.06);text-decoration:none}.social-message-photo img{display:block;width:100%;max-height:340px;object-fit:cover}.social-message.mine .social-message-photo,.social-section-message.mine .social-message-photo{border-color:color-mix(in srgb,var(--social-user-on-accent) 20%,transparent);box-shadow:none}
.social-voice-note{display:grid;grid-template-columns:38px minmax(145px,1fr);align-items:center;gap:9px;min-width:210px;margin:0 0 7px;padding:7px 8px;border:1px solid color-mix(in srgb,var(--social-product-teal) 20%,var(--borde));border-radius:13px;background:color-mix(in srgb,var(--social-product-teal) 6%,var(--card));color:var(--text)}.social-voice-play{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:999px;background:var(--social-user-accent);color:var(--social-user-on-accent);font-size:12px;cursor:pointer}.social-voice-track{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}.social-voice-track input{min-width:0;width:100%;height:3px;accent-color:var(--social-user-accent);cursor:pointer}.social-voice-track small{min-width:52px;color:var(--muted);font-size:7px;font-variant-numeric:tabular-nums;text-align:right}.social-message.mine .social-voice-note,.social-section-message.mine .social-voice-note{border-color:color-mix(in srgb,var(--social-user-on-accent) 20%,transparent);background:color-mix(in srgb,var(--social-user-on-accent) 9%,transparent);color:inherit}.social-message.mine .social-voice-play,.social-section-message.mine .social-voice-play{background:color-mix(in srgb,var(--social-user-on-accent) 16%,transparent);color:inherit}.social-message.mine .social-voice-track small,.social-section-message.mine .social-voice-track small{color:inherit;opacity:.75}.social-message.mine .social-voice-track input,.social-section-message.mine .social-voice-track input{accent-color:var(--social-user-on-accent)}

@media(max-width:640px){.social-composer-row{grid-template-columns:40px 40px minmax(0,1fr) 46px!important}.social-voice-btn{width:40px}.social-section-composer-row{grid-template-columns:40px 40px auto minmax(0,1fr) 46px!important;gap:5px}.social-message-actions,.social-section-message .social-message-actions{right:auto!important;left:auto!important;bottom:auto!important;top:auto!important}.social-message-photo{max-width:min(290px,76vw)}.social-voice-note{min-width:min(230px,72vw)}}
@media(max-width:390px){.social-composer-row{grid-template-columns:36px 36px minmax(0,1fr) 44px!important;gap:5px}.social-attach-btn,.social-voice-btn{width:36px}.social-section-composer-row{grid-template-columns:34px 34px 40px minmax(0,1fr) 44px!important;gap:4px}.social-section-composer-row .social-attach-btn,.social-section-composer-row .social-voice-btn{width:34px}.social-voice-recording{grid-template-columns:9px minmax(0,1fr) auto auto;gap:6px;padding-left:8px;padding-right:8px}.social-voice-recording button{padding:0 7px;font-size:6.4px}.social-message-actions button{padding:0 7px!important}.social-action-label{font-size:7.5px}.social-message-photo{max-width:78vw}.social-voice-note{min-width:min(215px,76vw)}}

/* V13 · Chat Naval completo + estudio compartido + iconografia Solar */
.social-tool-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.social-tool-panel-head>div{display:grid;gap:2px;min-width:0}.social-tool-panel-head small{font-size:7px;font-weight:900;letter-spacing:.11em;color:var(--muted)}.social-tool-panel-head b{font-size:12px;color:var(--text)}.social-tool-panel-head>button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--borde);border-radius:9px;background:var(--card);color:var(--muted);font-size:18px;cursor:pointer}
.social-resources-panel,.social-study-together-panel{margin:8px 12px;padding:12px;border:1px solid color-mix(in srgb,var(--social-product-teal) 20%,var(--borde));border-radius:14px;background:color-mix(in srgb,var(--social-product-teal) 4%,var(--card));box-shadow:0 9px 24px rgba(3,39,59,.08)}.social-resources-list{display:grid;gap:6px;max-height:245px;overflow:auto}.social-resource-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:8px;border:1px solid color-mix(in srgb,var(--borde) 75%,transparent);border-radius:11px;background:var(--card);color:var(--text);text-align:left;cursor:pointer}html.academia-hover-capable .social-resource-row:hover{border-color:color-mix(in srgb,var(--social-product-teal) 35%,var(--borde))}.social-resource-type{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:25px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--social-product-teal) 10%,var(--card));color:var(--social-product-teal);font-size:6.7px;font-weight:950;letter-spacing:.07em}.social-resource-row>span:last-child{display:grid;gap:2px;min-width:0}.social-resource-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.social-resource-row small,.social-resources-empty{color:var(--muted);font-size:7.5px}.social-resources-empty{padding:16px 8px;text-align:center}
.social-study-together-panel p{margin:0 0 10px;color:var(--muted);font-size:8px;line-height:1.45}.social-study-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.social-study-counts button{min-height:38px;padding:6px;border:1px solid color-mix(in srgb,var(--social-product-teal) 24%,var(--borde));border-radius:10px;background:var(--card);color:var(--social-product-teal);font-size:7.5px;font-weight:900;cursor:pointer}.social-study-counts button:disabled{opacity:.42;cursor:not-allowed}
.social-pinned-bar{margin:7px 12px 0;padding:8px 9px;border:1px solid color-mix(in srgb,var(--social-product-gold) 28%,var(--borde));border-radius:12px;background:color-mix(in srgb,var(--social-product-gold) 7%,var(--card))}.social-pinned-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-pinned-head>span{display:grid}.social-pinned-head small{font-size:6.5px;font-weight:950;letter-spacing:.1em;color:color-mix(in srgb,var(--social-product-gold) 82%,var(--text))}.social-pinned-head b{font-size:8.5px;color:var(--text)}.social-pinned-head button{padding:4px 7px;border:0;border-radius:7px;background:transparent;color:var(--social-product-teal);font-size:6.5px;font-weight:900;cursor:pointer}.social-pinned-list{display:flex;gap:5px;margin-top:6px;overflow:auto}.social-pinned-list>button{display:grid;gap:1px;flex:0 0 min(180px,55vw);padding:6px 7px;border:1px solid color-mix(in srgb,var(--social-product-gold) 22%,var(--borde));border-radius:9px;background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--text);text-align:left;cursor:pointer}.social-pinned-list b{font-size:7px}.social-pinned-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:6.7px}
.social-history-recent{display:block;margin:7px auto 0;padding:6px 10px;border:1px solid color-mix(in srgb,var(--social-product-teal) 20%,var(--borde));border-radius:999px;background:var(--card);color:var(--social-product-teal);font-size:7px;font-weight:900;cursor:pointer}.social-jump-latest{position:absolute;right:16px;bottom:86px;z-index:6;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--social-product-teal) 24%,var(--borde));border-radius:999px;background:var(--card);color:var(--social-product-teal);box-shadow:0 6px 20px rgba(3,39,59,.15);font-size:8px;font-weight:900;cursor:pointer}.social-jump-latest.section{bottom:92px}.social-chat-view,.social-section-chat-shell{position:relative}
.social-compose-preview.study{grid-template-columns:28px minmax(0,1fr) 28px!important;border-color:color-mix(in srgb,var(--social-product-teal) 26%,var(--borde))!important;background:color-mix(in srgb,var(--social-product-teal) 6%,var(--card))!important}.social-compose-preview.study::before{display:none!important}.social-compose-preview.study>.solar-slot{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--social-product-teal) 11%,var(--card));color:var(--social-product-teal)}.social-compose-preview.study b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important;line-height:1.25}
.social-study-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:min(330px,76vw);margin:0 0 7px;padding:9px;border:1px solid color-mix(in srgb,var(--social-product-teal) 24%,var(--borde));border-radius:14px;background:color-mix(in srgb,var(--social-product-teal) 6%,var(--card));color:var(--text)}.social-study-card-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--social-product-teal) 12%,var(--card));color:var(--social-product-teal)}.social-study-card-copy{display:grid;gap:2px;min-width:0}.social-study-card-kicker{font-size:6.2px;font-weight:950;letter-spacing:.1em;color:var(--social-product-teal)}.social-study-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}.social-study-card-meta,.social-study-card-compare{font-size:7px;line-height:1.35;color:var(--muted)}.social-study-card-compare{font-weight:850;color:color-mix(in srgb,var(--social-product-gold) 82%,var(--text))}.social-study-card-action{min-height:31px;padding:0 8px;border:0;border-radius:9px;background:var(--social-user-accent);color:var(--social-user-on-accent);font-size:6.5px;font-weight:950;cursor:pointer}.social-study-card.loading{opacity:.72}.social-message.mine .social-study-card,.social-section-message.mine .social-study-card{border-color:color-mix(in srgb,var(--social-user-on-accent) 22%,transparent);background:color-mix(in srgb,var(--social-user-on-accent) 9%,transparent);color:inherit}.social-message.mine .social-study-card-meta,.social-message.mine .social-study-card-kicker,.social-message.mine .social-study-card-compare,.social-section-message.mine .social-study-card-meta,.social-section-message.mine .social-study-card-kicker{color:inherit;opacity:.82}.social-message.mine .social-study-card-action,.social-section-message.mine .social-study-card-action{background:color-mix(in srgb,var(--social-user-on-accent) 17%,transparent);color:inherit}
.resultado-btn-chat{background:var(--primario)!important;color:var(--textoBoton,var(--social-user-on-accent))!important}
@media(max-width:640px){.social-resources-panel,.social-study-together-panel{margin-left:8px;margin-right:8px}.social-study-card{grid-template-columns:34px minmax(0,1fr);min-width:min(305px,78vw)}.social-study-card-action{grid-column:1/-1;width:100%}.social-jump-latest{right:11px}.social-study-counts button{font-size:7px}}
.social-history-recent[hidden],.social-jump-latest[hidden],.social-pinned-bar[hidden],.social-resources-panel[hidden],.social-study-together-panel[hidden]{display:none!important}.social-section-chat-card{position:relative}.social-message-actions,.social-section-message .social-message-actions{flex-wrap:wrap;max-width:min(330px,82vw)}

/* V49 · Apertura instantanea de Chat.
   La vista cambia sin escalado ni transicion de tamano. */
#socialPanel,
#socialPanel .social-shell,
#socialHome,
#socialChatView,
#socialSectionView{
  transition:none!important;
  animation:none!important;
  transform:none!important;
}
#socialPanel .social-conversation-row,
#socialPanel .social-section-row{
  transition:background .08s linear,border-color .08s linear!important;
}
#socialPanel .social-conversation-row:active,
#socialPanel .social-section-row:active{
  transform:none!important;
}
#socialPanel .social-messages,
#socialPanel .social-section-messages{
  scroll-behavior:auto!important;
}
/* V51 · Buscador global de conversaciones */
.social-conversation-search{margin:0;padding:10px 14px;border-bottom:1px solid color-mix(in srgb,var(--borde) 52%,transparent);background:var(--card)}
.social-conversation-search input{width:100%;height:44px;margin:0;padding:0 14px;border:1px solid color-mix(in srgb,var(--social-v3-teal,var(--primario)) 24%,var(--borde));border-radius:14px;background:color-mix(in srgb,var(--bg) 46%,var(--card));color:var(--text);font:inherit;font-size:13px;outline:0;box-shadow:none}
.social-conversation-search input::placeholder{color:var(--muted);opacity:.82}
.social-conversation-search input:focus{border-color:color-mix(in srgb,var(--primario) 62%,var(--borde));box-shadow:0 0 0 3px color-mix(in srgb,var(--primario) 10%,transparent)}
.social-conversation-search input::-webkit-search-cancel-button{cursor:pointer}
.social-conversation-row.search-match .social-conversation-copy>small{color:var(--textoAcento)}
@media(max-width:640px){.social-conversation-search{padding:9px 12px}.social-conversation-search input{height:42px;border-radius:13px}}


/* V52 · Chat Naval: titulo sin icono, sin alterar la biblioteca Solar ni la tipografia. */
.social-title h2 > .solar-title-icon{display:none!important}

/* V53 · Busqueda efimera y visor multimedia integrado en Chat Naval. */
#socialPanel .social-message-photo{appearance:none;width:auto;padding:0;border:1px solid color-mix(in srgb,var(--borde) 55%,transparent);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#socialPanel .social-message-attachment{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
body.social-media-viewer-open{overflow:hidden!important}
#socialPanel .social-media-viewer{position:fixed;inset:0;z-index:940;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100dvh;margin:0;padding:0;background:var(--bg);color:var(--text);overscroll-behavior:contain}
#socialPanel .social-media-viewer[hidden]{display:none!important}
#socialPanel .social-media-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));border-bottom:1px solid color-mix(in srgb,var(--borde) 66%,transparent);background:color-mix(in srgb,var(--card) 96%,transparent);box-shadow:0 5px 18px rgba(3,39,59,.07);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
#socialPanel .social-media-viewer-copy{display:grid;gap:2px;min-width:0}
#socialPanel .social-media-viewer-copy small{font-size:7px;font-weight:900;letter-spacing:.12em;color:var(--muted)}
#socialPanel .social-media-viewer-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text)}
#socialPanel .social-media-viewer-close,#socialPanel .social-media-viewer-save{appearance:none;min-height:38px;padding:0 13px;border:1px solid color-mix(in srgb,var(--primario) 24%,var(--borde));border-radius:12px;background:var(--card);color:var(--textoAcento);font:inherit;font-size:8px;font-weight:900;letter-spacing:.06em;cursor:pointer;-webkit-tap-highlight-color:transparent}
#socialPanel .social-media-viewer-body{min-width:0;min-height:0;display:grid;place-items:center;overflow:auto;padding:12px max(10px,env(safe-area-inset-right)) 12px max(10px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 96%,#000 4%)}
#socialPanel .social-media-viewer-image,#socialPanel .social-media-viewer-video{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.13)}
#socialPanel .social-media-viewer-frame{width:100%;height:100%;min-height:58dvh;border:0;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.1)}
#socialPanel .social-media-viewer-audio,#socialPanel .social-media-viewer-unsupported,#socialPanel .social-media-viewer-state{width:min(520px,100%);padding:20px;border:1px solid color-mix(in srgb,var(--borde) 72%,transparent);border-radius:18px;background:var(--card);box-shadow:0 10px 28px rgba(3,39,59,.08);text-align:center}
#socialPanel .social-media-viewer-audio{display:grid;gap:14px}
#socialPanel .social-media-viewer-audio audio{width:100%}
#socialPanel .social-media-viewer-unsupported{display:grid;gap:8px}
#socialPanel .social-media-viewer-unsupported p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
#socialPanel .social-media-viewer-state{color:var(--muted);font-size:11px;font-weight:700}
#socialPanel .social-media-viewer-state.error{color:var(--social-product-danger,var(--text))}
#socialPanel .social-media-viewer-text{align-self:start;width:min(820px,100%);min-height:100%;margin:0;padding:16px;border:1px solid color-mix(in srgb,var(--borde) 70%,transparent);border-radius:14px;background:var(--card);color:var(--text);font:inherit;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
#socialPanel .social-media-viewer-foot{display:flex;justify-content:flex-end;min-height:58px;padding:9px max(14px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border-top:1px solid color-mix(in srgb,var(--borde) 66%,transparent);background:var(--card)}
#socialPanel .social-media-viewer-foot:empty{display:none}
#socialPanel .social-media-viewer-save{background:linear-gradient(135deg,var(--primario),var(--primario2));color:var(--sobrePrimario,#fff);border-color:transparent}
@media(max-width:640px){#socialPanel .social-media-viewer-body{padding:8px}#socialPanel .social-media-viewer-frame{border-radius:10px;min-height:64dvh}#socialPanel .social-media-viewer-copy b{max-width:68vw}}


/* V54 · Contencion de mensajes y cierre contextual robusto. */
/* El encabezado general nunca comparte pantalla con una conversacion o Seccion abierta. */
#socialPanel > .social-shell > .social-head[hidden],
#socialPanel[data-social-view="chat"] > .social-shell > .social-head,
#socialPanel[data-social-view="section"] > .social-shell > .social-head,
#socialPanel.social-chat-open > .social-shell > .social-head,
#socialPanel.social-section-open > .social-shell > .social-head{display:none!important}

/* Todo el contenido de una burbuja respeta el ancho real de la burbuja. */
#socialPanel .social-message,
#socialPanel .social-section-message{min-width:0;box-sizing:border-box}
#socialPanel .social-message > .social-message-reply-ref,
#socialPanel .social-message > .social-message-attachment,
#socialPanel .social-message > .social-message-photo,
#socialPanel .social-message > .social-voice-note,
#socialPanel .social-message > .social-study-card,
#socialPanel .social-section-message > .social-message-reply-ref,
#socialPanel .social-section-message > .social-message-attachment,
#socialPanel .social-section-message > .social-message-photo,
#socialPanel .social-section-message > .social-voice-note,
#socialPanel .social-section-message > .social-study-card{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
#socialPanel .social-message-photo img{width:100%;max-width:100%;height:auto;max-height:340px;object-fit:cover}
#socialPanel .social-message-attachment > span:last-child,
#socialPanel .social-message-reply-ref > span:last-child,
#socialPanel .social-study-card-copy,
#socialPanel .social-voice-track{min-width:0;max-width:100%}
#socialPanel .social-message-attachment b,
#socialPanel .social-message-reply-ref b,
#socialPanel .social-study-card-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#socialPanel .social-voice-note{grid-template-columns:38px minmax(0,1fr)}
#socialPanel .social-voice-track input{width:100%;min-width:0}
#socialPanel .social-study-card{grid-template-columns:36px minmax(0,1fr) auto}

/* Las acciones se expanden dentro de la burbuja y nunca salen lateralmente. */
#socialPanel .social-message-actions,
#socialPanel .social-section-message .social-message-actions{
  box-sizing:border-box;
  width:100%;
  max-width:100%!important;
  justify-content:flex-end;
  flex-wrap:wrap;
}
#socialPanel .social-message.selected .social-message-actions,
#socialPanel .social-section-message.selected .social-message-actions{
  max-height:82px;
}
/* Un adjunto con foco tactil no debe reabrir las acciones del mensaje.
   El acceso por teclado conserva las acciones cuando un boton de acciones tiene focus-visible. */
#socialPanel .social-message:not(.selected):focus-within .social-message-actions{
  max-height:0!important;
  margin-top:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
#socialPanel .social-message:not(.selected):has(.social-message-actions button:focus-visible) .social-message-actions{
  max-height:82px!important;
  margin-top:7px!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#socialPanel .social-message-actions button{
  flex:1 1 78px;
  max-width:122px;
  min-width:0!important;
}
#socialPanel .social-message-actions .social-action-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-width:640px){
  #socialPanel .social-study-card{grid-template-columns:34px minmax(0,1fr)}
  #socialPanel .social-study-card-action{grid-column:1/-1;width:100%;max-width:100%;box-sizing:border-box}
  #socialPanel .social-message-photo,
  #socialPanel .social-voice-note{max-width:100%!important}
}
@media(max-width:430px){
  #socialPanel .social-message-actions button{flex:1 1 calc(50% - 3px);max-width:none}
  #socialPanel .social-message.selected .social-message-actions,
  #socialPanel .social-section-message.selected .social-message-actions,
  #socialPanel .social-message:not(.selected):has(.social-message-actions button:focus-visible) .social-message-actions{max-height:86px!important}
}


/* V58 · acciones de mensaje estables, fijados temporales y navegación limpia */
#socialPanel .social-message-pin-badge{display:inline-flex;align-items:center;gap:3px;color:color-mix(in srgb,var(--social-product-teal) 82%,var(--text));font-size:7px;font-weight:850}
#socialPanel .social-message-pin-badge .solar-slot{width:10px;height:10px;min-width:10px}
#socialPanel .social-message.pinned-message{border-color:color-mix(in srgb,var(--social-product-teal) 26%,var(--borde))}
#socialPanel .social-search-tools>.social-filter-chip{margin-right:5px}

/* V58.1 · cinco acciones sin recorte y sin estado de foco tactil pegado */
#socialPanel .social-message.selected .social-message-actions,
#socialPanel .social-section-message.selected .social-message-actions{max-height:126px!important}
#socialPanel .social-message:not(.selected) .social-message-actions button:not(:focus-visible),
#socialPanel .social-section-message:not(.selected) .social-message-actions button:not(:focus-visible){outline:0}
@media(max-width:430px){
  #socialPanel .social-message.selected .social-message-actions,
  #socialPanel .social-section-message.selected .social-message-actions,
  #socialPanel .social-message:not(.selected):has(.social-message-actions button:focus-visible) .social-message-actions{max-height:126px!important}
}

/* V107 · Chat Naval con acabado de producto, sin alterar funciones ni navegación. */
#socialPanel{
  background-image:
    radial-gradient(circle at 82% 0%,color-mix(in srgb,var(--primario) 8%,transparent),transparent 26%),
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,var(--primario) 2%),var(--bg) 34%)!important;
}
#socialPanel .social-shell{max-width:820px}
#socialPanel .social-head{
  min-height:64px;
  padding:max(11px,env(safe-area-inset-top)) 2px 10px;
  border-bottom:1px solid color-mix(in srgb,var(--borde) 58%,transparent);
  background:color-mix(in srgb,var(--bg) 94%,transparent);
  box-shadow:none;
}
#socialPanel .social-title small{font-size:8.5px!important;letter-spacing:.11em!important}
#socialPanel .social-title h2{font-size:23px!important;font-weight:950!important;letter-spacing:-.03em!important}
#socialPanel .social-notification-toggle{
  border-color:color-mix(in srgb,var(--borde) 72%,transparent);
  background:color-mix(in srgb,var(--card) 96%,var(--bg));
  box-shadow:0 4px 12px rgba(3,39,59,.045);
}
#socialPanel .social-tabs{
  gap:4px;
  margin:6px 0 14px;
  padding:4px;
  border-color:color-mix(in srgb,var(--borde) 68%,transparent);
  border-radius:15px;
  background:color-mix(in srgb,var(--card) 92%,var(--bg));
  box-shadow:none;
}
#socialPanel .social-tab{min-height:48px;border-radius:11px;padding:8px 11px}
#socialPanel .social-tab b{font-size:12.5px;font-weight:900}
#socialPanel .social-tab small{font-size:9px;line-height:1.25}
#socialPanel .social-tab.active{
  background:var(--card);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primario) 18%,var(--borde)),0 3px 10px rgba(3,39,59,.045);
}
#socialPanel .social-tab.active::after{display:none}
#socialPanel .social-list-card{
  border-radius:18px;
  border-color:color-mix(in srgb,var(--borde) 70%,transparent);
  box-shadow:0 7px 20px rgba(3,39,59,.045);
}
#socialPanel .social-list-head{
  align-items:center;
  padding:15px 15px 12px;
  background:color-mix(in srgb,var(--card) 98%,var(--bg));
}
#socialPanel .social-list-head div small{font-size:8px;letter-spacing:.1em}
#socialPanel .social-list-head div b{font-size:16.5px;font-weight:950}
#socialPanel .social-list-meta{font-size:10px;line-height:1.35}
#socialPanel .social-head-chip{
  min-height:34px;
  padding-inline:11px;
  border-radius:999px;
  background:color-mix(in srgb,var(--bg) 42%,var(--card));
}
#socialPanel .social-conversation-search{padding:10px 13px;background:var(--card)}
#socialPanel .social-conversation-search input{
  height:43px;
  border-radius:12px;
  border-color:color-mix(in srgb,var(--borde) 78%,transparent);
  background:color-mix(in srgb,var(--bg) 54%,var(--card));
}
#socialPanel .social-conversation-row{
  position:relative;
  min-height:76px;
  padding:12px 14px;
  transition:background-color .12s ease!important;
}
#socialPanel .social-conversation-row+.social-conversation-row{border-top-color:color-mix(in srgb,var(--borde) 48%,transparent)!important}
#socialPanel .social-conversation-row:active{background:color-mix(in srgb,var(--primario) 7%,var(--card))!important}
@media(hover:hover) and (pointer:fine){
  #socialPanel .social-conversation-row:hover{background:color-mix(in srgb,var(--primario) 5%,var(--card))!important}
}
#socialPanel .social-avatar{
  border:1px solid color-mix(in srgb,var(--primario) 24%,var(--borde));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primario) 4%,transparent)!important;
}
#socialPanel .social-conversation-line b{font-size:13.5px;font-weight:900}
#socialPanel .social-conversation-line time{font-size:9px;font-variant-numeric:tabular-nums}
#socialPanel .social-conversation-copy>small{font-size:10.5px;line-height:1.4;color:var(--muted)}
#socialPanel .social-conversation-row:has(.social-unread){
  background:linear-gradient(90deg,color-mix(in srgb,var(--primario) 7%,var(--card)),var(--card) 60%)!important;
}
#socialPanel .social-conversation-row:has(.social-unread)::after{top:15px;bottom:15px;width:3px;background:var(--primario)}
#socialPanel .social-unread,#socialPanel .social-section-alert{font-size:8px;font-weight:950}

/* La conversación se siente como una vista terminada, no como un panel de pruebas. */
#socialPanel .social-chat-head{
  min-height:68px;
  padding:max(10px,env(safe-area-inset-top)) 12px 10px;
  border-bottom-color:color-mix(in srgb,var(--borde) 62%,transparent);
  background:color-mix(in srgb,var(--card) 97%,transparent);
  box-shadow:0 5px 16px rgba(3,39,59,.045);
}
#socialPanel .social-chat-contact b{font-size:14.5px;font-weight:950}
#socialPanel .social-chat-contact small{font-size:9.5px}
#socialPanel .social-icon-action{
  border-color:color-mix(in srgb,var(--borde) 74%,transparent);
  background:color-mix(in srgb,var(--card) 97%,var(--bg));
  box-shadow:none;
}
#socialPanel .social-messages{
  gap:8px;
  padding:18px 12px 13px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,var(--primario) 2%),var(--bg));
}
#socialPanel .social-day-divider{
  padding:5px 10px;
  border-color:color-mix(in srgb,var(--borde) 60%,transparent);
  background:color-mix(in srgb,var(--card) 94%,var(--bg));
  box-shadow:none;
  font-size:8.5px;
}
#socialPanel .social-message{
  max-width:min(80%,600px);
  padding:10px 12px;
  border-color:color-mix(in srgb,var(--borde) 64%,transparent);
  border-radius:18px 18px 18px 6px;
  box-shadow:0 2px 8px rgba(3,39,59,.035);
}
#socialPanel .social-message.mine,
#socialPanel .social-section-message.mine{
  border-radius:18px 18px 6px 18px;
  background:linear-gradient(135deg,var(--social-user-accent),color-mix(in srgb,var(--social-user-accent) 88%,var(--social-user-accent-deep)))!important;
  color:var(--social-user-on-accent)!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--social-user-accent) 14%,transparent)!important;
}
#socialPanel .social-message p{font-size:13px;line-height:1.46}
#socialPanel .social-message time{font-size:8.5px}
#socialPanel .social-composer{
  border-top-color:color-mix(in srgb,var(--borde) 60%,transparent);
  background:color-mix(in srgb,var(--card) 97%,transparent);
  box-shadow:0 -5px 16px rgba(3,39,59,.04);
}
#socialPanel .social-composer-row{gap:7px;padding-top:9px}
#socialPanel .social-composer-row textarea{
  border-color:color-mix(in srgb,var(--borde) 76%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--bg) 48%,var(--card));
  box-shadow:none;
}
#socialPanel .social-attach-btn,#socialPanel .social-voice-btn{
  border-color:color-mix(in srgb,var(--borde) 72%,transparent);
  background:color-mix(in srgb,var(--card) 98%,var(--bg));
}
#socialPanel .social-send{border-radius:14px;box-shadow:0 5px 13px color-mix(in srgb,var(--primario) 16%,transparent)!important}
#socialPanel .social-empty{padding:34px 18px}
#socialPanel .social-empty b{font-size:14.5px;font-weight:950}
#socialPanel .social-empty p{max-width:330px;margin:6px auto 0;font-size:10.5px;line-height:1.5}

@media(max-width:640px){
  #socialPanel{padding-left:9px;padding-right:9px}
  #socialPanel .social-head{min-height:60px}
  #socialPanel .social-title h2{font-size:21.5px!important}
  #socialPanel .social-tabs{margin-top:4px}
  #socialPanel .social-list-card{border-radius:17px}
  #socialPanel .social-conversation-row{min-height:72px;padding:11px 12px}
  #socialPanel .social-message{max-width:86%;padding:9px 11px}
}
@media(prefers-reduced-motion:reduce){
  #socialPanel .social-conversation-row{transition:none!important}
}


/* V108 · identidad y enlace real en resultados compartidos. */
.social-study-card.result-share{grid-template-columns:42px minmax(0,1fr);align-items:start;padding:11px}
.social-study-card.result-share .social-study-card-icon.result-owner{width:42px;height:42px;border-radius:50%;border:1px solid color-mix(in srgb,var(--social-product-teal) 34%,var(--borde));background-color:color-mix(in srgb,var(--social-product-teal) 14%,var(--card));font-size:11px;font-weight:950;overflow:hidden}
.social-study-card-owner{display:block;margin-top:1px;color:var(--text);font-size:7.4px;font-weight:900;line-height:1.35;white-space:normal}
.social-study-card-link{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:4px;color:var(--social-product-teal);font-size:7px;font-weight:900;line-height:1.3;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.social-study-card-link[hidden],.social-study-card-owner[hidden]{display:none!important}
.social-message.mine .social-study-card-link,.social-section-message.mine .social-study-card-link{color:inherit;opacity:.92}
@media(max-width:640px){.social-study-card.result-share{grid-template-columns:40px minmax(0,1fr)}.social-study-card.result-share .social-study-card-icon.result-owner{width:40px;height:40px}}


/* V109 · Chat Naval: cabecera continua de borde a borde + fijado discreto por icono. */
#socialPanel > .social-shell > .social-head{
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:max(14px,env(safe-area-inset-left))!important;
  padding-right:max(14px,env(safe-area-inset-right))!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--bg) 97%,var(--card) 3%)!important;
  box-shadow:0 1px 0 color-mix(in srgb,var(--borde) 58%,transparent)!important;
  overflow:visible!important;
}
body.dark #socialPanel > .social-shell > .social-head,
html[data-theme="dark"] #socialPanel > .social-shell > .social-head{
  background:color-mix(in srgb,var(--bg) 96%,#000 4%)!important;
}
#socialPanel .social-message-pin-action{
  appearance:none;
  position:absolute;
  z-index:4;
  top:-10px;
  right:-10px;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid color-mix(in srgb,var(--borde) 74%,transparent);
  border-radius:50%;
  background:var(--card);
  color:var(--muted);
  box-shadow:0 5px 14px rgba(3,39,59,.11);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
#socialPanel .social-message.mine .social-message-pin-action{right:auto;left:-10px}
#socialPanel .social-message-pin-action .solar-slot{width:14px;height:14px;min-width:14px}
#socialPanel .social-message-pin-action.active{
  border-color:color-mix(in srgb,var(--social-product-gold) 42%,var(--borde));
  background:color-mix(in srgb,var(--social-product-gold) 10%,var(--card));
  color:color-mix(in srgb,var(--social-product-gold) 88%,var(--text));
}
#socialPanel .social-message-pin-action:focus-visible{outline:3px solid color-mix(in srgb,var(--primario) 28%,transparent);outline-offset:2px}
@media(hover:hover) and (pointer:fine){#socialPanel .social-message-pin-action:hover{border-color:color-mix(in srgb,var(--primario) 35%,var(--borde));color:var(--textoAcento)}}
@media(max-width:640px){
  #socialPanel > .social-shell > .social-head{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
  #socialPanel .social-message-pin-action{top:-9px;right:-8px;width:30px;height:30px}
  #socialPanel .social-message.mine .social-message-pin-action{right:auto;left:-8px}
}

/* V122 · Secciones como chat dedicado + Fijar lateral al tocar. */
/* Fijar no se superpone: permanece oculto y solo aparece al lado del mensaje seleccionado. */
#socialPanel .social-message-pin-action{
  top:50%!important;
  right:-42px!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-50%) scale(.92);
  transition:opacity .14s ease,transform .14s ease;
}
#socialPanel .social-message.mine .social-message-pin-action{right:auto!important;left:-42px!important}
#socialPanel .social-message.selected>.social-message-pin-action{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(-50%) scale(1);
}

/* Al entrar a una Seccion, el chat ocupa la vista como una conversacion normal. */
#socialPanel.social-section-open{overflow:hidden;padding:0!important;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg)}
#socialPanel.social-section-open::before{opacity:.42}
#socialPanel.social-section-open .social-shell{height:100dvh;min-height:100dvh;padding:0}
#socialPanel .social-section-view{height:100dvh;min-height:0;overflow:hidden;background:transparent}
#socialPanel .social-section-head{
  flex:0 0 auto;min-height:68px;margin:0;
  padding:max(10px,env(safe-area-inset-top)) 12px 10px;
  grid-template-columns:42px 42px minmax(0,1fr) 38px 38px!important;
  gap:8px;border:0;border-bottom:1px solid color-mix(in srgb,var(--borde) 62%,transparent);
  border-radius:0;background:color-mix(in srgb,var(--card) 97%,transparent);
  box-shadow:0 5px 16px rgba(3,39,59,.045);overflow:visible;
}
#socialPanel .social-section-head::before{display:none}
#socialPanel .social-section-head .social-inner-back{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
#socialPanel .social-section-head .social-avatar{width:40px;height:40px;border-radius:50%;border-color:color-mix(in srgb,var(--social-product-teal) 28%,var(--borde));background:color-mix(in srgb,var(--social-product-teal) 9%,var(--card))!important;color:var(--social-product-navy)!important}
#socialPanel .social-section-heading small{font-size:7px;line-height:1.1;letter-spacing:.1em;color:var(--social-product-teal)!important}
#socialPanel .social-section-heading h3{margin-top:1px;font-size:14.5px;font-weight:950;line-height:1.2;color:var(--text)!important}
#socialPanel .social-section-heading p{margin-top:2px;font-size:9.5px;line-height:1.2;color:var(--muted)!important}
#socialPanel .social-section-heading .social-section-description{display:none!important}
#socialPanel .social-section-detail-tabs{flex:0 0 auto;min-height:42px;margin:0;padding:4px 10px;gap:4px;border:0;border-bottom:1px solid color-mix(in srgb,var(--borde) 54%,transparent);border-radius:0;background:color-mix(in srgb,var(--card) 97%,transparent);box-shadow:none}
#socialPanel .social-section-detail-tabs button{min-height:33px;padding:4px 9px;border-radius:10px;text-align:center}
#socialPanel .social-section-detail-tabs button b{font-size:9px}
#socialPanel .social-section-detail-tabs button small{display:none}
#socialPanel .social-section-detail-tabs button.active{box-shadow:none;background:color-mix(in srgb,var(--social-product-teal) 8%,var(--card));color:var(--social-product-teal)}
#socialPanel .social-section-detail-tabs button.active::after{left:50%;bottom:2px;width:18px;transform:translateX(-50%)}
#socialPanel .social-section-view.detail-chat .social-section-chat-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0!important;padding:0;overflow:hidden;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#socialPanel .social-section-view.detail-chat .social-section-chat-head{flex:0 0 auto;min-height:40px;justify-content:flex-end;padding:5px 10px;border-bottom:1px solid color-mix(in srgb,var(--borde) 50%,transparent);background:color-mix(in srgb,var(--card) 96%,transparent)}
#socialPanel .social-section-view.detail-chat .social-section-chat-head>div:first-child{display:none!important}
#socialPanel .social-section-view.detail-chat .social-section-chat-tools{margin-left:auto}
#socialPanel .social-section-view.detail-chat .social-section-search-panel,#socialPanel .social-section-view.detail-chat .social-history-recent{flex:0 0 auto}
#socialPanel .social-section-view.detail-chat .social-section-messages{flex:1 1 auto;height:auto!important;min-height:0!important;max-height:none!important;gap:8px;padding:18px 12px 13px;overflow-y:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,var(--primario) 2%),var(--bg))}
#socialPanel .social-section-view.detail-chat .social-section-message{max-width:min(80%,600px);padding:10px 12px;border-color:color-mix(in srgb,var(--borde) 64%,transparent);border-radius:18px 18px 18px 6px;box-shadow:0 2px 8px rgba(3,39,59,.035)}
#socialPanel .social-section-view.detail-chat .social-section-message p{font-size:13px;line-height:1.46}
#socialPanel .social-section-view.detail-chat .social-section-message time{font-size:8.5px}
#socialPanel .social-section-view.detail-chat .social-section-composer{flex:0 0 auto;margin-top:auto;padding:8px 10px max(9px,env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb,var(--borde) 60%,transparent);background:color-mix(in srgb,var(--card) 97%,transparent);box-shadow:0 -5px 16px rgba(3,39,59,.04)}
#socialPanel .social-section-view.detail-chat>#socialSectionStatus:empty{display:none}
#socialPanel .social-section-view.detail-chat>#socialSectionStatus{flex:0 0 auto;margin:0;padding:4px 12px;background:color-mix(in srgb,var(--bg) 94%,transparent)}
#socialPanel .social-section-view.detail-org{height:100dvh;overflow-y:auto;padding-bottom:max(28px,env(safe-area-inset-bottom))}
#socialPanel .social-section-view.detail-org #socialSectionSearchToggle{visibility:hidden;pointer-events:none}
@media(max-width:640px){
  #socialPanel .social-message-pin-action{top:50%!important;right:-36px!important}
  #socialPanel .social-message.mine .social-message-pin-action{right:auto!important;left:-36px!important}
  #socialPanel .social-section-head{grid-template-columns:40px 40px minmax(0,1fr) 36px 36px!important;gap:6px;padding-left:10px;padding-right:10px}
  #socialPanel .social-section-head .social-avatar{width:38px;height:38px}
  #socialPanel .social-section-view.detail-chat .social-section-message{max-width:86%;padding:9px 11px}
}

/* V123 · Secciones usa el mismo interior de Chat y Fijar es inmediato, lateral y estable. */
#socialPanel .social-message:not(.mine){margin-right:44px}
#socialPanel .social-message>.social-message-actions{
  top:auto!important;
  right:auto!important;
  bottom:-38px!important;
  left:0!important;
  transform:scale(.96)!important;
}
#socialPanel .social-message.mine>.social-message-actions{right:0!important;left:auto!important}
#socialPanel .social-message.selected,#socialPanel .social-message:focus-within{margin-bottom:38px}
#socialPanel .social-message.selected>.social-message-actions,#socialPanel .social-message:focus-within>.social-message-actions{transform:scale(1)!important}
#socialPanel .social-message-pin-action{
  top:50%!important;
  right:-40px!important;
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  border:1px solid color-mix(in srgb,var(--borde) 82%,transparent)!important;
  background:color-mix(in srgb,var(--card) 98%,var(--bg))!important;
  box-shadow:0 2px 8px rgba(3,39,59,.07)!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-50%)!important;
  transition:opacity .12s linear!important;
}
#socialPanel .social-message.mine .social-message-pin-action{right:auto!important;left:-40px!important}
#socialPanel .social-message.selected>.social-message-pin-action{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(-50%)!important;
}
#socialPanel .social-message-pin-action:disabled{opacity:.55!important;cursor:wait}

#socialPanel .social-section-view.social-chat-view{height:100dvh;min-height:0;padding:0;overflow:hidden}
#socialPanel .social-section-head.social-chat-head{
  order:0;
  flex:0 0 auto;
  min-height:68px;
  margin:0;
  grid-template-columns:42px 42px minmax(0,1fr) 38px 38px!important;
  gap:8px!important;
  padding:max(10px,env(safe-area-inset-top)) 12px 10px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--borde) 62%,transparent);
  border-radius:0;
  background:color-mix(in srgb,var(--card) 97%,transparent);
  box-shadow:0 5px 16px rgba(3,39,59,.045);
}
#socialPanel .social-section-heading{display:block;min-width:0}
#socialPanel .social-section-heading::before{content:"SECCIÓN"}
#socialPanel .social-section-heading b,#socialPanel .social-section-heading small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#socialPanel .social-section-heading .typing:empty{display:none}
#socialPanel .social-section-heading .typing:not(:empty){color:var(--social-product-teal)!important;font-weight:800}
#socialPanel .social-section-detail-tabs{display:none!important}
#socialPanel .social-section-view.detail-org .social-section-detail-tabs{display:grid!important;margin:8px 10px 12px}
#socialPanel .social-section-view.detail-chat .social-section-chat-card{
  order:3;
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  margin:0!important;
  padding:0;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#socialPanel .social-section-view.detail-chat .social-section-messages{
  flex:1 1 auto;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  gap:8px;
  padding:18px 12px 13px;
  overflow-y:auto;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,var(--primario) 2%),var(--bg));
}
#socialPanel .social-section-view.detail-chat .social-section-message{max-width:min(80%,600px);padding:10px 12px!important}
#socialPanel .social-section-view.detail-chat .social-section-chat-card>#socialSectionStatus{flex:0 0 auto;min-height:0;margin:0;padding:4px 12px;background:color-mix(in srgb,var(--bg) 94%,transparent)}
#socialPanel .social-section-view.detail-chat .social-section-chat-card>#socialSectionStatus:empty{display:none}
#socialPanel .social-section-view.detail-chat .social-section-composer{flex:0 0 auto;margin-top:auto}
#socialPanel .social-section-view.detail-org{height:100dvh;overflow-y:auto;padding-bottom:max(28px,env(safe-area-inset-bottom))}
#socialPanel .social-section-view.detail-org #socialSectionSearchToggle{visibility:hidden;pointer-events:none}
@media(max-width:640px){
  #socialPanel .social-message:not(.mine){margin-right:40px}
  #socialPanel .social-message-pin-action{right:-36px!important;width:30px!important;height:30px!important}
  #socialPanel .social-message.mine .social-message-pin-action{right:auto!important;left:-36px!important}
  #socialPanel .social-section-head.social-chat-head{grid-template-columns:40px 40px minmax(0,1fr) 36px 36px!important;gap:6px!important;padding-left:10px;padding-right:10px}
  #socialPanel .social-section-view.detail-chat .social-section-message{max-width:86%;padding:9px 11px!important}
}


/* V125.26 · Modo claro: el selector Chats / Secciones gana contraste y deja más claro cuál vista está activa. */
html:not([data-theme="dark"]) .social-tabs,
body:not(.dark) .social-tabs{
  border-color:color-mix(in srgb,var(--social-v3-teal) 20%,var(--borde));
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 97%,#ffffff),color-mix(in srgb,var(--social-v3-soft) 42%,#ffffff));
  box-shadow:0 10px 24px rgba(15,23,42,.055);
}
html:not([data-theme="dark"]) .social-tab,
body:not(.dark) .social-tab{
  border:1px solid transparent;
  color:color-mix(in srgb,var(--text) 74%,var(--muted));
  background:transparent;
}
html:not([data-theme="dark"]) .social-tab b,
body:not(.dark) .social-tab b{
  color:inherit;
}
html:not([data-theme="dark"]) .social-tab small,
body:not(.dark) .social-tab small{
  color:color-mix(in srgb,var(--muted) 86%,var(--text));
  opacity:.94;
}
html:not([data-theme="dark"]) .social-tab.active,
body:not(.dark) .social-tab.active{
  border-color:color-mix(in srgb,var(--social-v3-teal) 26%,var(--borde));
  background:linear-gradient(180deg,#ffffff,color-mix(in srgb,var(--social-v3-soft) 72%,#ffffff));
  color:var(--text);
  box-shadow:0 9px 22px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.85);
}
html:not([data-theme="dark"]) .social-tab.active b,
html:not([data-theme="dark"]) .social-tab.active small,
body:not(.dark) .social-tab.active b,
body:not(.dark) .social-tab.active small{
  color:var(--textoAcento);
}
html:not([data-theme="dark"]) .social-tab.active::after,
body:not(.dark) .social-tab.active::after{
  left:14px;
  bottom:6px;
  width:22px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--social-v3-teal),var(--social-v3-navy));
}
html.academia-hover-capable:not([data-theme="dark"]) .social-tab:not(.active):hover,
body:not(.dark).academia-hover-capable .social-tab:not(.active):hover{
  border-color:color-mix(in srgb,var(--social-v3-teal) 12%,transparent);
  background:color-mix(in srgb,var(--social-v3-soft) 40%,#ffffff);
  color:var(--text);
}

/* V125.40 - Chat Naval: limpieza visual, agrupacion de mensajes y compositor compacto.
   Alcance: Pages/UI. No cambia API, Worker, R2 ni reglas de envio. */
#socialPanel .social-chat-head{
  min-height:64px!important;
  padding:max(9px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 9px max(10px,env(safe-area-inset-left))!important;
  gap:7px!important;
  background:color-mix(in srgb,var(--card) 98%,var(--bg))!important;
  border-bottom-color:color-mix(in srgb,var(--borde) 54%,transparent)!important;
  box-shadow:0 3px 12px rgba(3,39,59,.035)!important;
}
#socialPanel .social-chat-contact::before{display:none!important}
#socialPanel .social-chat-head .social-avatar{
  width:40px!important;height:40px!important;border-radius:50%!important;
  border:1px solid color-mix(in srgb,var(--primario) 24%,var(--borde))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primario) 5%,transparent)!important;
}
#socialPanel .social-chat-contact{min-width:0;padding-left:1px}
#socialPanel .social-chat-contact b{font-size:14px!important;font-weight:950!important;line-height:1.15!important}
#socialPanel .social-chat-contact small{display:flex!important;align-items:center;gap:5px;margin-top:3px!important;font-size:9px!important;line-height:1.1!important}
#socialPanel #socialChatEmail::before{
  content:"";display:inline-block;flex:0 0 auto;width:6px;height:6px;border-radius:50%;
  background:color-mix(in srgb,var(--muted) 72%,transparent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--muted) 8%,transparent)
}
#socialPanel #socialChatEmail.online::before{background:#25a879;box-shadow:0 0 0 2px color-mix(in srgb,#25a879 16%,transparent)}
#socialPanel #socialChatEmail.typing::before{background:var(--primario);box-shadow:0 0 0 2px color-mix(in srgb,var(--primario) 16%,transparent)}
#socialPanel .social-inner-back{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
#socialPanel .social-icon-action{width:35px!important;height:35px!important;border-radius:50%!important;background:transparent!important}
#socialPanel .social-icon-action:active{background:color-mix(in srgb,var(--primario) 8%,var(--card))!important}

#socialPanel .social-messages,
#socialPanel .social-section-view.detail-chat .social-section-messages{
  gap:5px!important;
  padding:16px max(11px,env(safe-area-inset-right)) 12px max(11px,env(safe-area-inset-left))!important;
  background:
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--primario) 5%,transparent),transparent 23%),
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 99%,var(--primario) 1%),var(--bg))!important;
}
#socialPanel .social-day-divider{
  margin:9px auto 8px!important;padding:4px 9px!important;
  border:1px solid color-mix(in srgb,var(--borde) 52%,transparent)!important;
  border-radius:999px!important;background:color-mix(in srgb,var(--card) 95%,var(--bg))!important;
  color:var(--muted)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.02em!important;
  box-shadow:none!important
}
#socialPanel .social-message,
#socialPanel .social-section-view.detail-chat .social-section-message{
  max-width:min(82%,610px)!important;
  margin-top:0!important;margin-bottom:1px!important;
  padding:9px 11px!important;
  border-radius:17px 17px 17px 6px!important;
  border-color:color-mix(in srgb,var(--borde) 58%,transparent)!important;
  box-shadow:0 2px 7px rgba(3,39,59,.03)!important;
}
#socialPanel .social-message.mine,
#socialPanel .social-section-message.mine{
  border-radius:17px 17px 6px 17px!important;
  box-shadow:0 4px 12px color-mix(in srgb,var(--social-user-accent) 12%,transparent)!important;
}
#socialPanel .social-message p,
#socialPanel .social-section-message p{font-size:13px!important;line-height:1.44!important}
#socialPanel .social-message-meta{gap:5px!important;margin-top:3px!important;opacity:.86}
#socialPanel .social-message-meta time{font-size:8px!important}
#socialPanel .social-receipt{font-size:8px!important;line-height:1!important}

/* Agrupacion visual de mensajes consecutivos del mismo autor. */
#socialPanel .social-message.group-with-prev,
#socialPanel .social-section-message.group-with-prev{margin-top:-3px!important}
#socialPanel .social-message:not(.mine).group-with-prev,
#socialPanel .social-section-message:not(.mine).group-with-prev{border-top-left-radius:7px!important}
#socialPanel .social-message:not(.mine).group-with-next,
#socialPanel .social-section-message:not(.mine).group-with-next{border-bottom-left-radius:7px!important}
#socialPanel .social-message.mine.group-with-prev,
#socialPanel .social-section-message.mine.group-with-prev{border-top-right-radius:7px!important}
#socialPanel .social-message.mine.group-with-next,
#socialPanel .social-section-message.mine.group-with-next{border-bottom-right-radius:7px!important}

/* Compositor mas limpio: controles circulares, caja tipo mensajeria y enviar compacto. */
#socialPanel .social-composer,
#socialPanel .social-section-view.detail-chat .social-section-composer{
  padding:7px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  border-top:1px solid color-mix(in srgb,var(--borde) 54%,transparent)!important;
  background:color-mix(in srgb,var(--card) 98%,transparent)!important;
  box-shadow:0 -3px 12px rgba(3,39,59,.035)!important;
}
#socialPanel .social-composer-row{align-items:end!important;gap:6px!important;padding-top:0!important}
#socialPanel .social-attach-btn,#socialPanel .social-voice-btn{
  width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
  border-radius:50%!important;border-color:color-mix(in srgb,var(--borde) 62%,transparent)!important;
  background:color-mix(in srgb,var(--bg) 35%,var(--card))!important;color:var(--textoAcento)!important;
  box-shadow:none!important
}
#socialPanel .social-composer-row textarea{
  min-height:42px!important;max-height:112px!important;
  padding:10px 13px!important;
  border:1px solid color-mix(in srgb,var(--borde) 66%,transparent)!important;
  border-radius:21px!important;
  background:color-mix(in srgb,var(--bg) 42%,var(--card))!important;
  box-shadow:none!important;font-size:13px!important;line-height:1.35!important
}
#socialPanel .social-send{
  display:grid!important;place-items:center!important;
  width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;
  padding:0!important;border-radius:50%!important;
  box-shadow:0 4px 11px color-mix(in srgb,var(--primario) 15%,transparent)!important
}
#socialPanel .social-send .solar-slot{width:18px!important;height:18px!important;min-width:18px!important;color:inherit}
#socialPanel .social-send-label{display:none!important}

/* Lista de chats: menos bloque, mas jerarquia. */
#socialPanel .social-conversation-row{min-height:70px!important;padding:10px 12px!important}
#socialPanel .social-conversation-row .social-avatar{width:44px!important;height:44px!important;border-radius:50%!important}
#socialPanel .social-conversation-line b{font-size:13.5px!important}
#socialPanel .social-conversation-copy>small{font-size:10px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
#socialPanel .social-conversation-line time{font-size:8.5px!important}
#socialPanel .social-unread{min-width:20px!important;height:20px!important;display:grid!important;place-items:center!important;border-radius:999px!important}

@media(max-width:640px){
  #socialPanel .social-chat-head{grid-template-columns:38px 40px minmax(0,1fr) 35px 35px!important;gap:5px!important;padding-left:8px!important;padding-right:8px!important}
  #socialPanel .social-message,#socialPanel .social-section-view.detail-chat .social-section-message{max-width:88%!important}
  #socialPanel .social-composer-row{grid-template-columns:38px 38px minmax(0,1fr) 42px!important}
  #socialPanel .social-section-composer-row{grid-template-columns:38px 38px 40px minmax(0,1fr) 42px!important}
}
@media(max-width:390px){
  #socialPanel .social-chat-head{grid-template-columns:36px 38px minmax(0,1fr) 34px 34px!important}
  #socialPanel .social-inner-back{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  #socialPanel .social-chat-head .social-avatar{width:38px!important;height:38px!important}
  #socialPanel .social-icon-action{width:34px!important;height:34px!important}
  #socialPanel .social-composer-row{grid-template-columns:36px 36px minmax(0,1fr) 40px!important;gap:5px!important}
  #socialPanel .social-section-composer-row{grid-template-columns:34px 34px 38px minmax(0,1fr) 40px!important;gap:4px!important}
  #socialPanel .social-attach-btn,#socialPanel .social-voice-btn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  #socialPanel .social-send{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
}

/* V125.41 - Boton enviar sin icono duplicado.
   Conserva exclusivamente el icono Solar existente dentro del boton circular. */
#socialPanel .social-send::before{
  content:none!important;
  display:none!important;
}
#socialPanel .social-send>.solar-slot{
  display:inline-grid!important;
  place-items:center!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  margin:0!important;
  color:inherit!important;
}
#socialPanel .social-send>.solar-slot>.solar-icon-svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
}


/* V125.42 - Chat estable: sin iconos duplicados y sin adjuntos fantasma.
   Los controles con icono real no reciben un segundo glifo por pseudo-elemento. */
#socialPanel .social-send::before,
#socialPanel .social-send::after,
#socialPanel .social-inner-back::before,
#socialPanel .social-inner-back::after,
#socialPanel .social-attach-btn::before,
#socialPanel .social-attach-btn::after,
#socialPanel .social-voice-btn::before,
#socialPanel .social-voice-btn::after{
  content:none!important;
  display:none!important;
}
#socialPanel .social-inner-back{
  font-size:19px!important;
  line-height:1!important;
}
#socialPanel .social-compose-preview.attachment:not([hidden]){
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) 30px!important;
  align-items:center!important;
  border-top:1px solid color-mix(in srgb,var(--primario) 26%,var(--borde))!important;
  border-bottom:1px solid color-mix(in srgb,var(--primario) 26%,var(--borde))!important;
  background:color-mix(in srgb,var(--primario) 5%,var(--card))!important;
}
#socialPanel .social-compose-preview.attachment small{
  color:var(--textoAcento)!important;
  font-weight:950!important;
}


/* V125.43 - Integridad global de Chat Naval.
   - Estados de envio legibles, una sola vez.
   - Ningun control con icono real recibe un pseudo-icono heredado.
   - Adjuntos muestran su tipo real (RAR/ZIP/PDF/etc.) sin tarjetas fantasma de 0 B. */
#socialPanel .social-receipt.sending,
#socialPanel .social-receipt.failed,
#socialPanel .social-send-state{
  letter-spacing:0!important;
  font-size:8px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
#socialPanel .social-receipt.sending,
#socialPanel .social-send-state.sending{opacity:.72!important;font-weight:700!important}
#socialPanel .social-receipt.failed,
#socialPanel .social-send-state.failed{opacity:.92!important;font-weight:800!important}
#socialPanel .social-send::before,#socialPanel .social-send::after,
#socialPanel .social-attach-btn::before,#socialPanel .social-attach-btn::after,
#socialPanel .social-voice-btn::before,#socialPanel .social-voice-btn::after,
#socialPanel .social-inner-back::before,#socialPanel .social-inner-back::after,
#socialPanel .social-icon-action::before,#socialPanel .social-icon-action::after,
#socialPanel .social-message-actions button::before,#socialPanel .social-message-actions button::after{
  content:none!important;display:none!important;
}
#socialPanel .social-attachment-icon{
  min-width:34px!important;
  padding:0 3px!important;
  box-sizing:border-box!important;
  font-size:7px!important;
  letter-spacing:.03em!important;
}


/* V125.44 - avatares estables y foto propia para Secciones. */
#socialPanel .social-avatar.has-photo{
  background-color:var(--card)!important;
  transition:none!important;
}
#socialPanel .social-section-row{
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
}
#socialPanel .social-section-row>.social-avatar{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;
}
#socialPanel .social-invite-row>.social-avatar{
  flex:0 0 auto;width:40px!important;height:40px!important;border-radius:50%!important;
}
#socialPanel .social-section-photo-editor{
  grid-column:1/-1;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;
  padding:10px;border:1px solid var(--social-product-line);border-radius:14px;background:color-mix(in srgb,var(--bg) 34%,var(--card));
}
#socialPanel .social-section-photo-editor>.social-avatar{
  width:58px!important;height:58px!important;min-width:58px!important;border-radius:50%!important;font-size:18px!important;
}
#socialPanel .social-section-photo-copy{min-width:0;display:grid;gap:3px}
#socialPanel .social-section-photo-copy>b{font-size:11px;font-weight:900;color:var(--text)}
#socialPanel .social-section-photo-copy>small{font-size:8px;color:var(--muted)}
#socialPanel .social-section-photo-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
#socialPanel .social-section-photo-actions button{
  min-height:31px;padding:0 10px;border:1px solid var(--social-product-line);border-radius:9px;background:var(--card);color:var(--text);font-size:7.5px;font-weight:900;letter-spacing:.05em;
}
#socialPanel .social-section-photo-actions #socialSectionPhotoChange{border:0;background:var(--social-product-navy);color:#fff}
#socialPanel .social-section-photo-actions button[hidden]{display:none!important}
@media(max-width:430px){
  #socialPanel .social-section-row{grid-template-columns:40px minmax(0,1fr) auto!important;gap:9px!important}
  #socialPanel .social-section-row>.social-avatar{width:40px!important;height:40px!important;min-width:40px!important}
}
#socialPanel .social-invite-row{
  grid-template-columns:40px minmax(0,1fr) auto!important;
}
@media(max-width:430px){
  #socialPanel .social-invite-row{grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important}
  #socialPanel .social-invite-actions{grid-column:2!important;justify-content:flex-start!important}
}

/* V125.54 - Chat Naval: 11 correcciones de UX de la revision visual.
   1) Respuestas gramaticales, 2-3) acciones flotantes sin reflow/recorte,
   4-6) navegacion sin superposiciones, 7) fijado legible,
   8) emisor/receptor mas claros, 9) hora coherente por burbuja,
   10) fijados compactos y estables, 11) toast separado del compositor. */
#socialPanel .social-message,
#socialPanel .social-section-message{
  isolation:isolate;
}

/* 2-3: el menu contextual deja de formar parte de la altura de la burbuja. */
#socialPanel .social-message>.social-message-actions,
#socialPanel .social-section-message>.social-message-actions{
  position:absolute!important;
  z-index:24!important;
  top:auto!important;
  right:auto!important;
  bottom:calc(100% + 6px)!important;
  left:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  width:max-content!important;
  max-width:min(330px,calc(100vw - 24px))!important;
  max-height:none!important;
  margin:0!important;
  padding:4px!important;
  overflow:visible!important;
  border:1px solid color-mix(in srgb,var(--borde) 76%,transparent)!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--card) 98%,var(--bg))!important;
  box-shadow:0 8px 22px rgba(3,39,59,.16)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(3px) scale(.98)!important;
  transition:opacity .12s linear,transform .12s ease,visibility .12s linear!important;
}
#socialPanel .social-message.mine>.social-message-actions,
#socialPanel .social-section-message.mine>.social-message-actions{
  right:0!important;
  left:auto!important;
}
#socialPanel .social-message.actions-below>.social-message-actions,
#socialPanel .social-section-message.actions-below>.social-message-actions{
  top:calc(100% + 6px)!important;
  bottom:auto!important;
  transform:translateY(-3px) scale(.98)!important;
}
#socialPanel .social-message.selected>.social-message-actions,
#socialPanel .social-section-message.selected>.social-message-actions,
#socialPanel .social-message:has(.social-message-actions button:focus-visible)>.social-message-actions,
#socialPanel .social-section-message:has(.social-message-actions button:focus-visible)>.social-message-actions{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}
#socialPanel .social-message.selected,
#socialPanel .social-message:focus-within,
#socialPanel .social-section-message.selected,
#socialPanel .social-section-message:focus-within{
  margin-bottom:1px!important;
}
#socialPanel .social-message-actions button{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:none!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 7px!important;
  border:0!important;
  background:transparent!important;
  color:var(--muted)!important;
}
#socialPanel .social-message.mine .social-message-actions button,
#socialPanel .social-section-message.mine .social-message-actions button{
  color:var(--text)!important;
  background:transparent!important;
}
@media(max-width:350px){
  #socialPanel .social-message-actions .social-action-label{display:none!important}
  #socialPanel .social-message-actions button{width:30px!important;min-width:30px!important;padding:0!important}
}

/* 4: Ultimo ocupa una zona propia entre historial y compositor; nunca tapa mensajes. */
#socialPanel .social-jump-latest,
#socialPanel .social-jump-latest.section{
  position:static!important;
  z-index:auto!important;
  flex:0 0 auto!important;
  align-self:flex-end!important;
  min-height:29px!important;
  margin:5px 12px 4px!important;
  padding:0 9px!important;
  box-shadow:0 3px 10px rgba(3,39,59,.09)!important;
}

/* 5-6 y 10: fijados/retorno forman parte del flujo, compactos, sin tapar el log. */
#socialPanel .social-pinned-bar{
  position:static!important;
  z-index:auto!important;
  flex:0 0 auto!important;
  margin:5px 10px 0!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
#socialPanel .social-pinned-head{gap:7px!important}
#socialPanel .social-pinned-head>span{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
#socialPanel .social-pinned-head small{font-size:6.2px!important;white-space:nowrap!important}
#socialPanel .social-pinned-head b{font-size:8px!important;white-space:nowrap!important}
#socialPanel .social-pinned-head button{flex:0 0 auto!important;padding:3px 5px!important}
#socialPanel .social-pinned-list{margin-top:4px!important;overflow:hidden!important}
#socialPanel .social-pinned-list>button{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  padding:5px 7px!important;
  border-radius:8px!important;
}
#socialPanel .social-pinned-list b{font-size:6.8px!important}
#socialPanel .social-pinned-list small{font-size:6.5px!important}
#socialPanel .social-history-recent{
  position:static!important;
  flex:0 0 auto!important;
  align-self:center!important;
  min-height:27px!important;
  margin:4px auto 2px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:6.8px!important;
  box-shadow:none!important;
}

/* 7: el estado fijado se lee tanto en burbuja ajena como propia. */
#socialPanel .social-message-pin-badge{
  margin-right:auto!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--primario) 9%,var(--card))!important;
  color:var(--textoAcento)!important;
  font-size:7px!important;
  font-weight:900!important;
  line-height:1!important;
}
#socialPanel .social-message.mine .social-message-pin-badge{
  background:color-mix(in srgb,var(--social-user-on-accent) 18%,transparent)!important;
  color:var(--social-user-on-accent)!important;
}

/* 8: lectura inmediata de quien envia y quien recibe. */
#socialPanel .social-message:not(.mine),
#socialPanel .social-section-message:not(.mine){
  align-self:flex-start!important;
  margin-left:0!important;
  margin-right:max(44px,10%)!important;
  background:color-mix(in srgb,var(--card) 98%,var(--bg))!important;
  border-color:color-mix(in srgb,var(--borde) 72%,var(--primario) 28%)!important;
  box-shadow:0 2px 8px rgba(3,39,59,.045)!important;
}
#socialPanel .social-message.mine,
#socialPanel .social-section-message.mine{
  align-self:flex-end!important;
  margin-right:0!important;
  margin-left:max(44px,10%)!important;
  border:1px solid color-mix(in srgb,var(--social-user-accent) 64%,transparent)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--social-user-accent) 92%,var(--social-user-accent-deep)),var(--social-user-accent))!important;
}
#socialPanel .social-message:not(.mine)::after,
#socialPanel .social-section-message:not(.mine)::after{
  content:"";
  position:absolute;
  left:-1px;
  bottom:7px;
  width:3px;
  height:16px;
  border-radius:0 3px 3px 0;
  background:color-mix(in srgb,var(--primario) 46%,transparent);
}
#socialPanel .social-message.mine::after,
#socialPanel .social-section-message.mine::after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:7px;
  width:3px;
  height:16px;
  border-radius:3px 0 0 3px;
  background:color-mix(in srgb,var(--social-user-on-accent) 55%,transparent);
}

/* 9: la fecha vive en el separador; dentro de cada burbuja siempre se muestra hora. */
#socialPanel .social-message-meta time{
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}

/* 11: snackbar de acciones transitorias separado del compositor. */
#socialPanel .social-chat-toast{
  position:absolute!important;
  left:50%!important;
  z-index:40!important;
  max-width:min(420px,calc(100% - 28px))!important;
  padding:8px 11px!important;
  border:1px solid color-mix(in srgb,var(--borde) 70%,transparent)!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--card) 97%,var(--bg))!important;
  color:var(--text)!important;
  box-shadow:0 8px 24px rgba(3,39,59,.16)!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  pointer-events:none!important;
  transform:translateX(-50%)!important;
}
#socialPanel .social-chat-toast.ok{border-color:color-mix(in srgb,var(--primario) 28%,var(--borde))!important;color:var(--textoAcento)!important}
#socialPanel .social-chat-toast.error{border-color:color-mix(in srgb,#c62828 32%,var(--borde))!important;color:#c62828!important}
#socialPanel .social-chat-toast[hidden]{display:none!important}

/* Mantener espacio util y seguro al seleccionar mensajes en los extremos del scroll. */
#socialPanel .social-messages,
#socialPanel .social-section-view.detail-chat .social-section-messages{
  scroll-padding-top:56px!important;
  scroll-padding-bottom:56px!important;
}


/* V125.55 - Chat Naval: menú contextual iconográfico + Recursos compartidos pulido. */
/* Responder, Copiar, Reenviar e Importante conservan accesibilidad por aria-label, sin texto visible. */
#socialPanel .social-message-actions .social-action-icon-only>.social-action-label{
  display:none!important;
}

/* Menú contextual más compacto: nunca invade la burbuja seleccionada. */
#socialPanel .social-message>.social-message-actions,
#socialPanel .social-section-message>.social-message-actions{
  gap:2px!important;
  padding:3px!important;
  min-height:38px!important;
  max-width:calc(100vw - 24px)!important;
  border-radius:12px!important;
  bottom:calc(100% + 8px)!important;
}
#socialPanel .social-message.actions-below>.social-message-actions,
#socialPanel .social-section-message.actions-below>.social-message-actions{
  top:calc(100% + 8px)!important;
  bottom:auto!important;
}
#socialPanel .social-message-actions button.social-action-icon-only{
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
}
#socialPanel .social-message-actions button.social-action-icon-only .social-action-glyph,
#socialPanel .social-message-actions button.social-action-icon-only .solar-slot{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
}

/* Fijar deja de flotar fuera del mensaje: vive como quinta acción del mismo menú. */
#socialPanel .social-message-actions .social-message-pin-action{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--muted)!important;
  transition:background .1s linear,color .1s linear!important;
}
#socialPanel .social-message-actions .social-message-pin-action.active{
  background:color-mix(in srgb,var(--social-product-gold) 12%,var(--card))!important;
  color:color-mix(in srgb,var(--social-product-gold) 88%,var(--text))!important;
}
#socialPanel .social-message.mine .social-message-actions .social-message-pin-action{
  color:var(--text)!important;
}

/* Backdrop completo para Recursos compartidos. */
#socialPanel #socialChatView{
  position:relative;
  isolation:isolate;
}
#socialPanel #socialChatView.resources-open::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:27;
  background:color-mix(in srgb,var(--bg) 72%,transparent);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
#socialPanel #socialChatResourcesPanel{
  z-index:28!important;
  left:10px!important;
  right:10px!important;
  margin:8px 0!important;
  padding:11px 11px 9px!important;
  max-width:640px!important;
  max-height:min(68dvh,560px)!important;
  overflow:hidden!important;
  display:flex;
  flex-direction:column;
  background:var(--card)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#socialPanel #socialChatResourcesPanel[hidden]{display:none!important}
#socialPanel #socialChatResourcesPanel .social-tool-panel-head{
  flex:0 0 auto!important;
  align-items:center!important;
  margin-bottom:8px!important;
}
#socialPanel #socialChatResourcesPanel .social-tool-panel-head>div{
  min-width:0!important;
  padding-right:6px!important;
}
#socialPanel #socialChatResourcesClose{
  box-sizing:border-box!important;
  flex:0 0 26px!important;
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  padding:0!important;
  border-radius:8px!important;
  font-size:16px!important;
  line-height:1!important;
}
#socialPanel #socialChatResourcesList{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:min(52dvh,420px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  padding:0 2px 14px 0!important;
  scroll-padding-bottom:14px!important;
}
#socialPanel #socialChatResourcesList .social-resource-row{
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:8px!important;
  padding:8px 9px!important;
}
#socialPanel #socialChatResourcesList .social-resource-type{
  min-width:44px!important;
  height:24px!important;
  padding:0 6px!important;
  font-size:6.4px!important;
  letter-spacing:.055em!important;
}
#socialPanel #socialChatResourcesList .social-resource-row>span:last-child{
  min-width:0!important;
}
#socialPanel #socialChatResourcesList .social-resource-row b{
  width:100%!important;
  max-width:none!important;
  font-size:9.2px!important;
}
@media(max-width:430px){
  #socialPanel #socialChatResourcesPanel{
    left:8px!important;
    right:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    max-height:min(72dvh,560px)!important;
  }
  #socialPanel #socialChatResourcesList{
    max-height:min(56dvh,430px)!important;
  }
}


/* V125.56 - Chat Naval: 5 correcciones de interacción móvil.
   1) acciones con hueco reservado, 2) Último en flujo seguro,
   3) viewport visual estable con teclado, 4) respuesta compacta,
   5) fijados realmente compactos. */

/* 1. El menú contextual reserva su propio hueco y no se monta sobre ninguna burbuja. */
#socialPanel .social-message.selected.actions-positioned:not(.actions-below),
#socialPanel .social-section-message.selected.actions-positioned:not(.actions-below){
  margin-top:43px!important;
  margin-bottom:1px!important;
}
#socialPanel .social-message.selected.actions-positioned.actions-below,
#socialPanel .social-section-message.selected.actions-positioned.actions-below{
  margin-top:0!important;
  margin-bottom:43px!important;
}
#socialPanel .social-message>.social-message-actions,
#socialPanel .social-section-message>.social-message-actions{
  gap:2px!important;
  min-height:34px!important;
  padding:2px!important;
  border-radius:11px!important;
  bottom:calc(100% + 5px)!important;
}
#socialPanel .social-message.actions-below>.social-message-actions,
#socialPanel .social-section-message.actions-below>.social-message-actions{
  top:calc(100% + 5px)!important;
  bottom:auto!important;
}
#socialPanel .social-message-actions button.social-action-icon-only,
#socialPanel .social-message-actions .social-message-pin-action{
  flex-basis:30px!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  border-radius:8px!important;
}
#socialPanel .social-message-actions .social-action-glyph,
#socialPanel .social-message-actions .solar-slot{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
}

/* 2. Último es un hermano flex del historial: sin inset/transform puede reservar su espacio siempre. */
#socialPanel .social-chat-view>.social-jump-latest,
#socialPanel .social-section-view .social-jump-latest{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:7!important;
  transform:none!important;
  flex:0 0 auto!important;
  align-self:flex-end!important;
  min-height:27px!important;
  height:27px!important;
  margin:3px 11px 5px!important;
  padding:0 8px!important;
  line-height:1!important;
  box-shadow:0 2px 8px rgba(3,39,59,.08)!important;
}
#socialPanel .social-jump-latest span{line-height:1!important}
#socialPanel .social-messages,
#socialPanel .social-section-view.detail-chat .social-section-messages{
  scroll-padding-bottom:48px!important;
}

/* 3. Chat/Sección siguen el visualViewport del navegador cuando aparece el teclado. */
#socialPanel.social-chat-open,
#socialPanel.social-section-open{
  top:var(--social-vv-top,0px)!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  height:var(--social-vv-height,100dvh)!important;
  min-height:var(--social-vv-height,100dvh)!important;
  max-height:var(--social-vv-height,100dvh)!important;
  overflow:hidden!important;
}
#socialPanel.social-chat-open .social-shell,
#socialPanel.social-section-open .social-shell{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
#socialPanel.social-chat-open #socialChatView,
#socialPanel.social-section-open #socialSectionView{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
}
#socialPanel.social-keyboard-open .social-chat-head{
  flex:0 0 auto!important;
}
#socialPanel.social-keyboard-open .social-messages,
#socialPanel.social-keyboard-open .social-section-view.detail-chat .social-section-messages{
  min-height:0!important;
  overscroll-behavior:contain!important;
}
#socialPanel.social-keyboard-open .social-composer,
#socialPanel.social-keyboard-open .social-section-composer{
  flex:0 0 auto!important;
}

/* 4. La respuesta ocupa una sola fila compacta antes del campo de escritura. */
#socialPanel #socialReplyPreview:not([hidden]),
#socialPanel #socialSectionReplyPreview:not([hidden]){
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:6px!important;
  min-height:38px!important;
  padding:4px 8px!important;
  border-left-width:2px!important;
}
#socialPanel #socialReplyPreview::before,
#socialPanel #socialSectionReplyPreview::before{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:7px!important;
  font-size:11px!important;
}
#socialPanel #socialReplyPreview>span,
#socialPanel #socialSectionReplyPreview>span{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  overflow:hidden!important;
}
#socialPanel #socialReplyPreview small,
#socialPanel #socialSectionReplyPreview small{
  flex:0 0 auto!important;
  margin:0!important;
  font-size:7px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#socialPanel #socialReplyPreview b,
#socialPanel #socialSectionReplyPreview b{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#socialPanel #socialReplyCancel,
#socialPanel #socialSectionReplyCancel{
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0!important;
  border-radius:7px!important;
  font-size:15px!important;
  line-height:1!important;
}

/* 5. Fijados pierde el alto heredado de los botones globales y usa dos filas densas. */
#socialPanel .social-pinned-bar{
  margin:4px 10px 0!important;
  padding:5px 7px!important;
  border-radius:9px!important;
}
#socialPanel .social-pinned-head{
  min-height:24px!important;
  gap:6px!important;
}
#socialPanel .social-pinned-head>span{
  gap:5px!important;
}
#socialPanel .social-pinned-head small{
  font-size:5.8px!important;
  letter-spacing:.075em!important;
}
#socialPanel .social-pinned-head b{
  font-size:7.4px!important;
}
#socialPanel .social-pinned-head button{
  min-height:22px!important;
  height:22px!important;
  padding:0 5px!important;
  font-size:5.9px!important;
  line-height:1!important;
}
#socialPanel .social-pinned-list{
  margin-top:3px!important;
  gap:3px!important;
}
#socialPanel .social-pinned-list>button{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  min-height:30px!important;
  height:30px!important;
  max-height:30px!important;
  padding:3px 6px!important;
  border-radius:7px!important;
}
#socialPanel .social-pinned-list b{
  margin:0!important;
  font-size:6.2px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#socialPanel .social-pinned-list small{
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  font-size:6.2px!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* V125.57 - Chat Naval: solo forma de las burbujas, sin tocar contenido, hora, color ni comportamiento. */
#socialPanel .social-message:not(.mine),
#socialPanel .social-section-message:not(.mine){
  border-radius:26px 26px 26px 7px!important;
}
#socialPanel .social-message.mine,
#socialPanel .social-section-message.mine{
  border-radius:26px 26px 7px 26px!important;
}
/* Mantener la misma silueta aunque haya mensajes consecutivos del mismo autor. */
#socialPanel .social-message.group-with-prev,
#socialPanel .social-message.group-with-next,
#socialPanel .social-section-message.group-with-prev,
#socialPanel .social-section-message.group-with-next{
  border-radius:26px 26px 26px 7px!important;
}
#socialPanel .social-message.mine.group-with-prev,
#socialPanel .social-message.mine.group-with-next,
#socialPanel .social-section-message.mine.group-with-prev,
#socialPanel .social-section-message.mine.group-with-next{
  border-radius:26px 26px 7px 26px!important;
}
/* Los marcadores laterales anteriores alteraban la silueta visual de la burbuja. */
#socialPanel .social-message::after,
#socialPanel .social-section-message::after{
  display:none!important;
}