#tab-amigos { overflow-y:auto; padding:28px; }
.social-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;}
.social-heading h1 {font-size:28px;margin:6px 0 8px;}.social-heading p,.social-dialog p {color:var(--text-dim);font-size:13px;line-height:1.6;}
.social-eyebrow {font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:800;}
.social-toolbar {display:flex;gap:16px;align-items:end;margin-bottom:26px;}.social-search {flex:1;}
#tab-amigos label,.social-dialog label {display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text-dim);}
#tab-amigos input,#tab-amigos select,.social-dialog input,.social-dialog select,.social-dialog textarea {width:100%;padding:12px 14px;background:var(--bg-input);border:1px solid var(--border-bright);border-radius:12px;color:var(--text-primary);font-size:14px;user-select:text;}
select option {background:#171321;color:#fff;}.social-columns {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:24px;}.social-columns h2 {font-size:15px;margin-bottom:14px;}.social-list {display:grid;gap:10px;}.social-invite-title {margin-top:28px;}
.social-card {background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}.social-avatar {width:44px;height:44px;border-radius:50%;object-fit:cover;background:#30233e;}.social-identity {flex:1;min-width:110px;}.social-identity strong {display:block;font-size:14px;overflow-wrap:anywhere;}.social-status {display:block;color:var(--text-dim);font-size:11px;margin-top:5px;}.social-status.online {color:var(--emerald);}.social-actions {display:flex;gap:8px;flex-wrap:wrap;}.social-actions button {font-size:11px;height:30px;padding:0 12px;}.social-empty {padding:24px;border:1px dashed var(--border-bright);border-radius:16px;color:var(--text-dim);font-size:13px;line-height:1.7;}
.social-dialog {margin:auto;width:480px;max-width:90vw;max-height:90vh;overflow:auto;padding:26px;background:#171321;color:var(--text-primary);border:1px solid var(--border-bright);border-radius:22px;box-shadow:0 30px 100px #0009;}.social-dialog::backdrop {background:#05030dbb;backdrop-filter:blur(5px);}.social-dialog label {margin:14px 0;}.social-dialog h2 {font-size:20px;}.social-invite-form {border-top:1px solid var(--border-bright);margin-top:22px;padding-top:20px;}.social-invite-form p {margin-top:12px;font-size:11px;}#social-dialog-feedback {margin-top:12px;color:var(--accent);}.social-room-controls {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;}.social-room-controls small {color:var(--text-dim);overflow-wrap:anywhere;}.social-room-controls button {font-size:10px;padding:0 10px;height:26px;}button:disabled {opacity:.45;cursor:default;}
@media(max-width:1100px){.social-columns{grid-template-columns:1fr}.social-toolbar{flex-wrap:wrap}.social-card{padding:12px}}

.cosmetic-banner-nebula {background:radial-gradient(ellipse at top right,#7C3AED99,transparent 65%),linear-gradient(135deg,#171321,#EC489955) !important;border-color:#7C3AED88!important;}
.cosmetic-banner-ocean {background:radial-gradient(ellipse at top right,#0284C799,transparent 65%),linear-gradient(135deg,#171321,#22D3EE55) !important;border-color:#0284C788!important;}
.cosmetic-banner-sakura {background:radial-gradient(ellipse at top right,#FB718599,transparent 65%),linear-gradient(135deg,#171321,#FBCFE855) !important;border-color:#FB718588!important;}
.cosmetic-banner-eclipse {background:radial-gradient(ellipse at top right,#312E8199,transparent 65%),linear-gradient(135deg,#171321,#A5B4FC55) !important;border-color:#312E8188!important;}
.cosmetic-frame-ice {border:3px solid #67E8F9!important;box-shadow:0 0 16px #67E8F999,0 0 26px #E0F2FE44!important;}
.cosmetic-frame-rose {border:3px solid #F472B6!important;box-shadow:0 0 16px #F472B699,0 0 26px #FDA4AF44!important;}
.cosmetic-frame-violet {border:3px solid #A78BFA!important;box-shadow:0 0 16px #A78BFA99,0 0 26px #DDD6FE44!important;}
.cosmetic-frame-ember {border:3px solid #FB923C!important;box-shadow:0 0 16px #FB923C99,0 0 26px #FDE68A44!important;}
.cosmetic-name-mint {background:linear-gradient(90deg,#6EE7B7,#A7F3D0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900!important;}
.cosmetic-name-rose {background:linear-gradient(90deg,#F9A8D4,#FBCFE8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900!important;}
.cosmetic-name-cosmos {background:linear-gradient(90deg,#A78BFA,#67E8F9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900!important;}
.cosmetic-name-ember {background:linear-gradient(90deg,#FB923C,#FDE68A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900!important;}