#social-launch{position:fixed;bottom:18px;left:18px;z-index:80;background:linear-gradient(#fff,#e9f4fc);border:1px solid #8ab2cd;box-shadow:0 3px 15px #21476c25;padding:10px 16px;color:#265f87;font:bold 13px Arial;border-radius:7px}#social-launch b{display:inline-block;background:#bf4667;color:white;border-radius:12px;min-width:18px;padding:1px 4px;margin-right:5px}#social-launch b:empty{display:none}#social-launch.has-new{border:2px solid #b4496a}#social-dialog{width:min(760px,94vw);max-height:85vh;overflow:auto;border:1px solid #93b7d0;border-radius:8px;padding:0;background:#fff;color:#334f63;font:14px/1.6 Arial}#social-dialog::backdrop{background:#152c464f}#social-dialog h2,#social-dialog h3{color:#315d7a;margin:0 0 12px}#social-dialog p{margin:8px 0}#social-dialog label{display:block}#social-dialog input,#social-dialog textarea,#social-dialog select{display:block;width:100%;background:white;color:#304f66;border:1px solid #b4c8d6;box-sizing:border-box}#social-dialog button{font:13px Arial;color:#315b7a;padding:8px 12px;cursor:pointer}#social-dialog button:disabled{opacity:.5}#social-dialog a{color:#2276ad}.social-bar{position:sticky;top:0;background:linear-gradient(#55afe3,#3187bb);color:white;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;z-index:2}.social-bar h2{color:white!important;font-size:19px;margin:0!important}.social-bar button{font-size:23px!important;background:none;border:0;color:white!important;padding:0!important}#social-body{padding:18px 22px}#social-notice{padding:0 22px;color:#347443;font-size:13px}#social-notice.error{color:#ad3b44}.social-inbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.social-inbox-grid h3{font-size:16px;border-bottom:1px solid #dce7ed;padding:10px 0}.social-empty{color:#7d929f;font-size:13px;padding:15px 0}.social-entry{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 0;border-bottom:1px dotted #dce5eb}.social-entry button{padding:5px 8px!important}.social-thread{display:block;width:100%;text-align:right;margin:7px 0;background:#f5f9fc;border:1px solid #d8e5ef}.social-thread b,.social-thread span{display:block}.social-thread span{font-size:12px;color:#748694;margin-top:5px}.social-thread i{background:#ba4669;color:white;border-radius:10px;padding:2px 6px;font-size:11px}.social-notification{display:flex;gap:10px;padding:12px 9px;border-bottom:1px solid #e5edf2;font-size:12px}.social-notification.unread{background:#f0f8fd;border-right:3px solid #4697c9}.social-notification>span{font-size:23px}.social-notification small{color:#7e94a4}.social-notification p{overflow-wrap:anywhere}.social-notification button{padding:3px 6px!important;background:none;border:0;text-decoration:underline}.social-back{margin-bottom:14px}.social-success{color:#337b4c}.social-private-note{font-size:12px;background:#eff6fa;padding:8px 12px}#private-messages{height:300px;overflow-y:auto;padding:12px;background:#f8fafc;border:1px solid #dbe5ec;border-radius:5px}#private-messages article{max-width:83%;padding:8px 12px;margin:7px 0;border-radius:7px;background:#fff;border:1px solid #dce6ee;clear:both;overflow-wrap:anywhere}#private-messages article.mine{margin-left:auto;background:#eaf5fc;border-color:#c3dfef}#private-messages article.theirs{margin-right:auto}#private-messages p{white-space:pre-wrap}#private-messages small{font-size:10px;color:#708896}#private-compose{display:flex;align-items:end;gap:10px}#private-compose label{flex:1;margin-bottom:0}#private-compose textarea{min-height:65px;margin-bottom:0}.social-safety{font-size:12px;margin-top:15px;color:#718694}.social-safety button{margin-top:10px}#social-confirm{margin-top:18px;border:2px solid #d7ba80;background:#fffaf0;padding:18px}#social-confirm p{color:#735429}#social-gift-preview{max-width:300px;margin:15px auto;text-align:center}#social-gift-preview .item-art{width:100%;height:180px}#social-gift-preview p{font-size:12px}[data-resident-social]{padding:18px;border:1px solid #cbdce8;background:#f8fbfd;border-radius:6px;margin-bottom:20px}[data-resident-social] h3{margin:0 0 10px}.resident-social-actions{display:flex;gap:8px;flex-wrap:wrap}.resident-social-actions button{cursor:pointer}[data-resident-social] small{display:block;margin-top:10px;color:#728895}@media(max-width:600px){.social-inbox-grid{grid-template-columns:1fr}#social-body{padding:14px}#social-launch{bottom:10px;left:10px;font-size:12px;padding:9px}#private-messages{height:36vh}#private-compose{display:block}#private-compose button{width:100%;margin-top:8px}.resident-social-actions button{flex:1 1 40%;font-size:12px}}
