.social-root{position:fixed;inset:0;z-index:110;pointer-events:none;color:#d9e7e1}
.social-root button,.social-root input{font:inherit}
.social-tab{position:absolute;left:0;top:48%;padding:13px 9px;background:#0d2920e8;border:1px solid #4dbb9d;color:#6de2bf;writing-mode:vertical-rl;cursor:pointer;pointer-events:auto}
.social-panel{position:absolute;left:44px;top:7%;bottom:5%;width:min(410px,calc(100vw - 60px));overflow:auto;background:linear-gradient(130deg,#10241df2,#07110ff5);border:1px solid #4b947b;box-shadow:0 16px 45px #000a;pointer-events:auto;padding:14px 17px}
.social-panel:before,.social-records:before,.social-invite:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:repeating-linear-gradient(135deg,#60d8af 0 11px,transparent 11px 18px);pointer-events:none}
.social-panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #467965;padding:12px 2px}.social-panel header small{letter-spacing:.15em;color:#73998a}.social-panel h2{margin:0;font-size:21px}.social-panel h3{display:flex;justify-content:space-between;margin:18px 0 8px;padding-bottom:9px;border-bottom:1px solid #345648;font-size:16px}
.social-panel button,.social-invite button,.social-records button{background:#142b22;border:1px solid #527766;color:#d8eee3;cursor:pointer;padding:5px 9px}.social-panel button:hover,.social-invite button:hover{border-color:#63ddb3;color:#74efc3}.social-panel button:disabled,.social-invite button:disabled{opacity:.45;cursor:default}
.social-search{display:flex;gap:6px;align-items:center;margin:15px 0}.social-search input,.title-recovery input{background:#07120e;color:#ecfff4;border:1px solid #527766;padding:7px;min-width:0}.social-search input:first-child{flex:1}.social-search .social-code{width:60px}.social-search span{color:#4ecaab}
.social-found{display:flex;justify-content:space-between;align-items:center;padding:9px;border:1px solid #557260}.social-error{color:#f08d84}.social-list{max-height:34vh;overflow:auto}.social-person{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #375447;min-height:70px;gap:6px}.social-person-main{display:flex;gap:9px;align-items:center;text-align:left;min-width:0;flex:1;border:0!important;background:none!important}.social-person-main img,.social-avatar{width:42px;height:42px;object-fit:cover;border:1px solid #619b83;display:grid;place-items:center}.social-person-main span span,.social-person-main small{display:block;color:#93ad9d;font-size:12px}.social-person-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-person-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.social-person-actions button{font-size:11px}.social-recent{display:block;width:100%;text-align:left;margin:3px 0}.social-notify{margin-top:15px}
.social-invite,.social-records{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,90vw);padding:22px;background:#0c1b16f5;border:1px solid #60bd9b;box-shadow:0 18px 55px #000a;pointer-events:auto}.social-invite h3{margin:8px 0}.social-invite button{min-width:110px;margin-right:7px}.social-invite button:last-child{background:#54cc9f;color:#082016}.social-records{max-height:70vh;overflow:auto}.social-records header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;border-bottom:1px solid #47634f;padding-bottom:8px}.social-records>div{padding:8px;border-bottom:1px solid #385548}
.social-recent img{width:27px;height:27px;object-fit:cover;vertical-align:middle;margin-right:8px}.social-record-row{display:block;width:100%;text-align:left;margin-top:8px}.social-record-detail{position:fixed;inset:0;z-index:4;pointer-events:auto;background:#07110ff5;overflow:auto}
@media(max-width:700px){.social-panel{left:35px;top:2%;bottom:2%;padding:8px;width:calc(100vw - 47px)}.social-person-actions button{padding:3px}.social-tab{padding:8px 4px}}