.social-shell{display:grid;min-height:calc(100vh - 112px);grid-template-columns:92px minmax(0,1fr);gap:20px;padding:6px 0 34px}.social-rail{position:sticky;top:18px;display:flex;height:calc(100vh - 42px);min-height:620px;flex-direction:column;align-items:center;padding:18px 10px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(180deg,rgba(22,28,49,.84),rgba(10,15,28,.73));box-shadow:inset 0 1px rgba(255,255,255,.07),0 24px 70px rgba(0,0,0,.32);backdrop-filter:blur(26px)}.social-rail-brand{display:grid;gap:7px;justify-items:center;color:#8290a9;font-size:8px;font-weight:850;letter-spacing:.18em}.social-brand-pulse{width:35px;height:35px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:radial-gradient(circle at 35% 30%,#a79bff,#5b7df0 52%,#35c9dd);box-shadow:0 8px 26px rgba(77,112,255,.35)}.social-brand-pulse:after{content:"";display:block;width:9px;height:9px;margin:12px;border-radius:50%;background:white;box-shadow:0 0 14px white}.social-nav{display:grid;width:100%;gap:9px;margin:auto 0}.social-nav-button{display:grid;min-height:65px;place-items:center;gap:2px;padding:7px 2px;border:1px solid transparent;border-radius:15px;background:transparent;color:#77839b;cursor:pointer;transition:.2s ease}.social-nav-button span{font-size:21px;line-height:1}.social-nav-button b{font-size:8px;letter-spacing:.04em}.social-nav-button:hover{background:rgba(255,255,255,.05);color:#c9d7ee}.social-nav-button.is-active{border-color:rgba(106,153,255,.22);background:linear-gradient(145deg,rgba(115,101,247,.2),rgba(57,150,226,.1));color:#d8edff;box-shadow:inset 0 1px rgba(255,255,255,.08)}.social-rail-security{display:grid;justify-items:center;gap:2px;color:#738099;text-align:center}.social-rail-security span{width:7px;height:7px;margin-bottom:3px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(101,230,167,.65)}.social-rail-security b{font-size:8px}.social-rail-security small{font-size:7px}.social-main{min-width:0;padding:4px 0}.social-main-header{display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:20px;padding:10px 4px 20px}.social-main-header h1{margin:3px 0 0;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.045em}.social-header-actions{display:flex;align-items:center;gap:10px}.social-secure-chip{padding:9px 12px;border:1px solid rgba(101,230,167,.14);border-radius:999px;background:rgba(101,230,167,.06);color:#a7dec5;font-size:10px}.social-accent-button,.social-muted-button{min-height:44px;padding:10px 15px;border-radius:12px;font-size:11px;font-weight:780;cursor:pointer}.social-accent-button{border:1px solid rgba(255,255,255,.17);background:linear-gradient(110deg,#7668f7,#438fe9 58%,#45c8dc);box-shadow:0 10px 26px rgba(56,105,230,.21)}.social-muted-button{border:1px solid var(--line);background:rgba(255,255,255,.055);color:#b8c3d8}.social-muted-button:disabled{cursor:not-allowed;opacity:.55}.social-dashboard-grid,.social-profile-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(275px,.66fr);gap:18px}.social-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(22,29,50,.76),rgba(12,18,32,.65));box-shadow:inset 0 1px rgba(255,255,255,.065),0 22px 60px rgba(0,0,0,.24);backdrop-filter:blur(24px)}.social-contacts-card{min-height:610px;padding:24px}.social-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.social-card h2{margin:0 0 5px;font-size:20px;letter-spacing:-.025em}.social-card-head p,.social-card>p,.social-feature-hero>p{color:#8995ac;font-size:11px}.social-count{display:grid;width:33px;height:33px;place-items:center;border:1px solid rgba(91,181,255,.19);border-radius:10px;background:rgba(91,181,255,.09);color:#b9ddfa;font-size:11px;font-weight:800}.social-search{display:flex;align-items:center;gap:8px;margin:20px 0 12px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(3,7,16,.32);color:#718099}.social-search input{min-height:44px;padding:8px 0;border:0;background:transparent;font-size:11px;outline:0}.social-contact-list{display:grid;gap:8px}.social-contact{display:grid;grid-template-columns:47px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025);transition:.2s ease}.social-contact:hover{transform:translateY(-1px);border-color:rgba(99,174,255,.18);background:rgba(255,255,255,.045)}.social-contact-avatar,#social-profile-avatar{display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(136,112,255,.85),rgba(50,158,219,.82));font-weight:850;box-shadow:0 9px 25px rgba(70,102,230,.22)}.social-contact-avatar{width:47px;height:47px;border-radius:15px;font-size:12px}.social-contact-identity{min-width:0}.social-contact-identity strong,.social-contact-identity small,.social-contact-identity p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-contact-identity strong{font-size:12px}.social-contact-identity small{color:#8491a8;font-size:9px}.social-contact-identity p{margin:3px 0 0;color:#6f7c95;font-size:8px}.social-contact-actions{display:flex;gap:6px}.social-contact-actions button{min-height:36px;border-radius:10px;cursor:pointer;font-size:9px;font-weight:750}.social-contact-call{padding:7px 11px;border:1px solid rgba(91,181,255,.17);background:rgba(91,181,255,.09);color:#b9ddfb}.social-contact-menu{width:36px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#9ba8bd}.social-empty{display:grid;min-height:365px;place-content:center;justify-items:center;padding:35px;text-align:center}.social-empty-orbit{display:grid;width:70px;height:70px;margin-bottom:18px;place-items:center;border:1px dashed rgba(92,181,255,.25);border-radius:50%;background:rgba(92,181,255,.06)}.social-empty-orbit span{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#796bf4,#398fe2);font-size:20px}.social-empty h3{margin:0 0 6px;font-size:18px}.social-empty p{max-width:330px;margin:0 0 18px;color:#8490a7;font-size:10px}.social-side-stack{display:grid;align-content:start;gap:18px}.social-privacy-card,.social-next-card,.social-profile-card,.social-data-note{padding:22px}.social-privacy-card{display:grid;grid-template-columns:42px 1fr;gap:13px}.social-card-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(101,230,167,.17);border-radius:13px;background:rgba(101,230,167,.07);color:#a6e5c7;font-size:19px}.social-privacy-card ul{grid-column:1/-1;display:grid;gap:11px;margin:5px 0 0;padding:0;list-style:none;color:#aab5c8;font-size:9px}.social-privacy-card li{display:flex;align-items:center;gap:8px}.social-privacy-card li span{color:var(--green)}.social-next-card h2{margin-top:5px}.social-progress{height:6px;margin:16px 0 8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}.social-progress span{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#786bf7,#44c8dd);box-shadow:0 0 15px rgba(68,200,221,.3)}.social-next-card small{color:#6e7b93;font-size:8px}.social-view{animation:social-reveal .35s ease both}.social-feature-hero{display:grid;min-height:610px;place-content:center;justify-items:center;padding:48px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 20%,rgba(84,106,231,.14),transparent 42%),linear-gradient(145deg,rgba(22,29,50,.7),rgba(10,16,29,.64));text-align:center}.social-feature-hero.gaming{background:radial-gradient(circle at 50% 20%,rgba(71,214,199,.12),transparent 42%),linear-gradient(145deg,rgba(22,29,50,.7),rgba(10,16,29,.64))}.social-feature-icon{display:grid;width:76px;height:76px;margin-bottom:20px;place-items:center;border:1px solid rgba(112,151,255,.22);border-radius:24px;background:rgba(92,109,239,.11);box-shadow:0 15px 50px rgba(66,90,210,.15);font-size:32px}.social-feature-hero h2{margin:4px 0 10px;font-size:clamp(28px,4vw,43px);letter-spacing:-.04em}.social-feature-hero>p{max-width:590px;font-size:12px;line-height:1.7}.social-feature-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:14px 0 23px}.social-feature-pills span{padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.04);color:#aab6ca;font-size:8px}.social-profile-card{display:grid;gap:15px}.social-profile-identity{display:flex;align-items:center;gap:15px;margin-bottom:5px}.social-profile-identity #social-profile-avatar{width:62px;height:62px;flex:0 0 auto;border-radius:19px;font-size:17px}.social-profile-identity h2{margin:3px 0}.social-profile-identity p:last-child{margin:0;color:#8290a8;font-size:9px}.social-profile-card label{display:grid;gap:7px;color:#c6d0e2;font-size:10px;font-weight:750}.social-profile-card label small{color:#6f7c94;font-size:8px}.social-profile-card input,.social-profile-card textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(3,7,16,.34);color:white;resize:vertical}.social-save-button{margin-top:6px}.social-data-note{display:flex;gap:12px}.social-data-note>span{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:1px solid rgba(91,181,255,.2);border-radius:10px;background:rgba(91,181,255,.08);color:#a9d9ff}.social-data-note h3{margin:1px 0 4px;font-size:11px}.social-data-note p{margin:0;color:#7f8ba2;font-size:9px}.social-toast{position:fixed;z-index:100;right:24px;top:94px;max-width:min(390px,calc(100vw - 32px));padding:12px 15px;border:1px solid rgba(101,230,167,.2);border-radius:12px;background:rgba(12,32,28,.94);box-shadow:0 18px 48px rgba(0,0,0,.35);color:#b9efd5;font-size:10px;backdrop-filter:blur(20px)}.social-toast.error{border-color:rgba(255,102,138,.25);background:rgba(40,15,25,.94);color:#ffc0cf}.social-back-home{position:fixed;z-index:20;left:24px;top:98px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(10,15,28,.8);color:#b8c5da;font-size:10px;cursor:pointer;backdrop-filter:blur(18px)}.social-dialog{width:min(540px,calc(100% - 28px));padding:0;border:0;background:transparent;color:white}.social-dialog::backdrop{background:rgba(2,5,12,.77);backdrop-filter:blur(10px)}.social-dialog-card{position:relative;margin:0;padding:32px;border:1px solid var(--line-bright);border-radius:24px;background:linear-gradient(145deg,rgba(25,33,57,.98),rgba(10,15,29,.98));box-shadow:0 35px 100px rgba(0,0,0,.55);text-align:center}.social-dialog-close{position:absolute;right:14px;top:14px;width:36px;min-height:36px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.05);cursor:pointer}.social-dialog-mark{display:grid;width:64px;height:64px;margin:0 auto 17px;place-items:center;border:1px solid rgba(100,182,255,.2);border-radius:20px;background:rgba(91,137,245,.12);color:#baddff;font-size:25px}.social-dialog-mark.incoming{border-color:rgba(101,230,167,.18);background:rgba(101,230,167,.08);color:#ade5c9}.social-dialog h2{margin:4px 0 8px;font-size:25px}.social-dialog-card>p:not(.overline){color:#8e9bb1;font-size:10px;line-height:1.7}.social-invite-field{display:grid;grid-template-columns:1fr auto;gap:7px;margin:20px 0 12px}.social-invite-field input{min-width:0;min-height:45px;font-size:9px}.social-invite-field button{min-height:45px;padding:8px 13px;border:1px solid rgba(91,181,255,.22);border-radius:11px;background:rgba(91,181,255,.1);color:#baddfb;cursor:pointer;font-size:10px;font-weight:800}.social-dialog-note{margin-bottom:15px;color:#77849c;font-size:8px}.social-dialog-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:20px}@keyframes social-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(max-width:900px){.social-dashboard-grid,.social-profile-grid{grid-template-columns:1fr}.social-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.social-profile-grid>.social-side-stack{grid-template-columns:1fr}.social-contacts-card{min-height:520px}}@media(max-width:680px){body.social-authenticated .topbar{padding-bottom:6px}.social-shell{display:block;padding-bottom:92px}.social-rail{position:fixed;z-index:30;top:auto;right:10px;bottom:10px;left:10px;width:auto;height:auto;min-height:0;flex-direction:row;padding:7px;border-radius:18px}.social-rail-brand,.social-rail-security{display:none}.social-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:0}.social-nav-button{min-height:55px;border-radius:12px}.social-nav-button span{font-size:18px}.social-main-header{align-items:flex-start}.social-main-header h1{font-size:32px}.social-header-actions{align-items:flex-end}.social-secure-chip{display:none}.social-accent-button{padding:9px 11px}.social-dashboard-grid,.social-profile-grid{display:block}.social-side-stack{display:grid;grid-template-columns:1fr;margin-top:14px}.social-contacts-card{min-height:500px;padding:17px}.social-contact{grid-template-columns:43px minmax(0,1fr) auto;padding:10px}.social-contact-avatar{width:43px;height:43px}.social-contact-call{display:none}.social-feature-hero{min-height:520px;padding:28px 18px}.social-dialog-card{padding:28px 18px}.social-toast{top:78px;right:16px}.social-back-home{left:16px;top:78px}.social-profile-card{padding:18px}}@media(max-width:420px){.social-main-header{display:grid}.social-header-actions{justify-content:space-between}.social-new-invite{width:100%}.social-contact-menu{width:34px}.social-invite-field{grid-template-columns:1fr}.social-invite-field button{width:100%}}


/* HALO INTEGRATED SHELL ALIGNMENT V1 */
@media (min-width: 901px) {
  body.social-authenticated .topbar { min-height: 82px; padding-left: 128px; }
  .social-shell { grid-template-columns: 104px minmax(0, 1fr); gap: 24px; padding-top: 0; }
  .social-rail { top: 12px; width: 104px; height: calc(100vh - 106px); min-height: 590px; }
  .social-main { padding: 0; }
  .social-main-header { min-height: 104px; padding: 4px 0 20px; }
  .social-dashboard-grid { grid-template-columns: minmax(0, 1fr) 310px; align-items: stretch; }
  .social-dashboard-grid > .social-side-stack { grid-template-rows: 1fr 1fr; height: 100%; }
  .social-dashboard-grid > .social-side-stack > .social-card { height: 100%; }
}

.social-call-panel,.social-call-host { min-width: 0; }
.social-call-host .lobby { min-height: 610px; grid-template-columns: minmax(0, 1fr) minmax(350px, .78fr); align-items: center; gap: clamp(24px, 4vw, 52px); padding: 0 0 28px; }
.social-call-host .lobby .hero-copy h1 { font-size: clamp(42px, 5vw, 66px); }
.social-call-host .call-screen { min-height: 0; padding-bottom: 92px; }
.social-call-host .call-header { margin-top: 0; }

body.social-authenticated.call-active .topbar { display: flex; }
body.social-authenticated.call-active .footer { display: flex; }
body.social-authenticated.call-active .app-shell { width: min(1240px, 100%); padding-top: 0; }
body.social-authenticated.call-active .social-shell { display: grid; }
body.social-authenticated.call-active .social-main-header { display: flex; }
body.social-authenticated.call-active .call-screen { min-height: 0; padding-bottom: 104px; }
body.social-authenticated.call-active .call-workspace { padding-bottom: 18px; }
body.social-authenticated.call-active .controls { left: calc(50% + 64px); }

@media (min-width: 721px) {
  body.social-authenticated.call-active .call-workspace { --call-panel-height: min(62vh, 640px); grid-template-columns: minmax(0, 1fr) 320px; }
}

@media (max-width: 900px) {
  .social-call-host .lobby { grid-template-columns: 1fr; min-height: 0; gap: 28px; padding-bottom: 100px; }
  .social-call-host .lobby .hero-copy { max-width: 680px; margin: 0 auto; text-align: center; }
  .social-call-host .lobby .action-panel { width: min(560px, 100%); }
}

@media (max-width: 720px) {
  body.social-authenticated.call-active .app-shell { padding: 0 16px 170px; }
  body.social-authenticated.call-active .social-shell { display: block; padding-bottom: 0; }
  body.social-authenticated.call-active .call-screen { padding-bottom: 138px; }
  body.social-authenticated.call-active .controls { left: 50%; bottom: 82px; }
  body.social-authenticated.call-active .call-workspace .remote-card { height: min(58vh, 560px); min-height: 390px; }
}