/* Social layout follows the approved Steam-style profile and persistent friends dock. */
#sg-social-concept .social-player{color:var(--sg-blue);text-decoration:none;overflow-wrap:anywhere}
#sg-social-concept .social-player:hover{text-decoration:underline}
#sg-social-concept .social-player:focus-visible{outline:2px solid var(--sg-blue);outline-offset:3px}
#sg-social-concept .social-id-search{display:flex;gap:9px;align-items:end;margin:0 0 20px;flex-wrap:wrap}
#sg-social-concept .social-id-search .rv-label{font-size:11px;max-width:230px;flex:1;min-width:140px}
#sg-social-concept .social-id-search .rv-input{padding:7px 9px}
#sg-social-concept .social-id-search>button{height:34px;font-size:11px}
#sg-social-concept .social-player-menu{position:fixed;z-index:30;min-width:170px;background:#252932;border:1px solid #555b65;border-radius:5px;padding:5px;box-shadow:0 8px 24px #0008}
#sg-social-concept .social-player-menu a{display:block;padding:8px;color:var(--sg-text);text-decoration:none;font-size:12px}
#sg-social-concept .social-player-menu a:hover,#sg-social-concept .social-player-menu a:focus{background:#373d48}
#sg-social-concept .sg-idcopy h2{overflow-wrap:anywhere}
#sg-social-concept .sg-idcopy [data-action=social-copy-profile]{margin-top:6px;font-size:10px;padding:2px 0;border:0;background:none;color:var(--sg-muted)}
#sg-social-concept .sg-overview{grid-template-columns:minmax(0,1fr) 240px}
#sg-social-concept .sg-friend-row .sg-person-copy{min-width:0}
#sg-social-concept .sg-friend-row small{display:block;color:var(--sg-muted);font-size:10px}
#sg-social-concept .sg-friends-preview>.sg-friend-row{padding:7px 0}
#sg-social-concept .social-thumbnail{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#17191f;border-radius:5px}
#sg-social-concept .social-feed-image{display:block;width:100%;max-height:450px;object-fit:contain;background:#121418;border-radius:5px}
#sg-social-concept .social-full-image{display:block;width:100%;max-height:50vh;object-fit:contain;background:#101115}
#sg-social-concept .sg-shot b{display:block;overflow-wrap:anywhere;margin-top:7px}
#sg-social-concept .sg-shot small{display:block}
#sg-social-concept .sg-shot{background:none;border:0;text-align:left;padding:0}
#sg-social-concept .sg-social-actions{gap:8px;flex-wrap:wrap}
#sg-social-concept .sg-social-actions .rv-button{padding:4px 0;border:0;background:none;font-size:11px;color:var(--sg-muted)}
#sg-social-concept .sg-social-actions [aria-pressed=true]{color:#f49bab}
#sg-social-concept .sg-social-actions .sg-post-map{font-size:10px}
#sg-social-concept .sg-activity-layout{grid-template-columns:minmax(0,1fr) 210px}
#sg-social-concept .sg-feed{max-width:900px}
#sg-social-concept .sg-feed-aside .rv-button{margin-top:15px}
#sg-social-concept .sg-feed-aside .rv-muted{margin-top:10px;line-height:1.6}
#sg-social-concept .social-shot-modal{max-width:900px}
#sg-social-concept .sg-full-comments{max-height:240px}
#sg-social-concept .sg-comment .rv-button{padding:2px 0;border:0;background:none;font-size:10px;color:var(--sg-muted)}
#sg-social-concept .sg-comment-composer{flex-wrap:wrap}
#sg-social-concept .sg-comment-composer input{flex:1}
#sg-social-concept .sg-comment-composer [data-error]{flex-basis:100%}
#sg-social-concept .sg-dock{z-index:8}
#sg-social-concept .sg-friends-window{width:290px;max-height:calc(100dvh - 125px);display:flex;flex-direction:column}
#sg-social-concept .sg-dock-list{overflow:auto;overscroll-behavior:contain;min-height:0}
#sg-social-concept .social-friend-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
#sg-social-concept .social-friend-tabs .rv-button{font-size:10px;padding:5px}
#sg-social-concept .social-friend-tabs [aria-pressed=true]{color:var(--sg-text);border-color:var(--sg-blue)}
#sg-social-concept .social-friend-item{padding:8px 0;border-bottom:1px solid var(--sg-line)}
#sg-social-concept .social-friend-item .sg-person{padding:0 0 5px}
#sg-social-concept .social-friend-item .sg-avatar{border-left:0}
#sg-social-concept .social-friend-item small{display:block;color:var(--sg-muted);font-size:10px}
#sg-social-concept .social-friend-actions{display:flex;gap:6px;margin-left:42px}
#sg-social-concept .social-friend-actions .rv-button{padding:4px 7px;font-size:10px}
#sg-social-concept .sg-friends-head .rv-button{font-size:10px;padding:3px 5px}
#sg-social-concept .sg-dock .social-id-search{display:block;margin-bottom:12px}
#sg-social-concept .sg-dock .social-id-search .rv-label{max-width:none}
#sg-social-concept .sg-dock .social-id-search>button{margin-top:6px}
#sg-social-concept .sg-chat-window{width:370px;max-height:calc(100dvh - 125px)}
#sg-social-concept .sg-chat-window .sg-messages{height:270px;flex:1;min-height:100px}
#sg-social-concept .sg-chat-window .sg-chat-head>div{min-width:0}
#sg-social-concept .sg-chat-window .sg-chat-head small{display:block;font-size:10px;color:var(--sg-muted)}
#sg-social-concept .sg-window-actions .rv-button{padding:3px 6px;font-size:12px}
#sg-social-concept .sg-chat-window .sg-composer{flex-shrink:0;align-items:end;flex-wrap:wrap}
#sg-social-concept .sg-chat-window .sg-composer textarea{border:0;outline:none;color:var(--sg-text);background:transparent;flex:1;min-width:0;resize:vertical;min-height:40px;max-height:100px;font-size:12px}
#sg-social-concept .sg-chat-window .sg-message [data-action=social-report-message]{border:0;background:none;padding:0;font-size:9px;color:var(--sg-muted)}
#sg-social-concept .social-dm-error{font-size:11px;margin:8px 12px}
#sg-social-concept .sg-chat-window .sg-composer [data-error]{flex-basis:100%}
@media(max-width:850px){#sg-social-concept .sg-overview{grid-template-columns:minmax(0,1fr) 190px}#sg-social-concept .sg-activity-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){#sg-social-concept .sg-overview{grid-template-columns:minmax(0,1fr)}#sg-social-concept .sg-friends-preview{display:block}#sg-social-concept .sg-dock{left:auto;right:10px;max-width:calc(100% - 20px)}#sg-social-concept .sg-chat-window,#sg-social-concept .sg-friends-window{width:min(370px,calc(100vw - 20px))}#sg-social-concept .sg-chat-window .sg-messages{height:230px}}
@media(max-width:520px){#sg-social-concept .social-id-search{align-items:end}#sg-social-concept .social-id-search .rv-label{min-width:0}#sg-social-concept .social-id-search>button{font-size:10px}#sg-social-concept .sg-identity{gap:8px}#sg-social-concept .sg-idcopy{flex:1;min-width:0}#sg-social-concept .sg-idactions{flex-basis:100%}#sg-social-concept .sg-gallery .sg-social-actions{gap:7px}#sg-social-concept .sg-gallery .sg-social-actions .rv-button{font-size:10px}#sg-social-concept .sg-post-author .social-player{font-size:12px}#sg-social-concept .social-shot-modal .rv-action-bar{gap:5px}}

#sg-social-concept .social-report h3{margin:20px 0 8px}
#sg-social-concept .social-report p{margin:8px 0 12px}
#sg-social-concept .social-report .rv-form{margin-top:22px}
#sg-social-concept .social-report-image{display:block;max-width:100%;max-height:300px;object-fit:contain}
#sg-social-concept .sg-post-author>a .sg-avatar{width:33px;height:33px;border-radius:6px}
#sg-social-concept .sg-light-author>a .sg-avatar{width:31px;height:31px;border-radius:5px}
#sg-social-concept .sg-comment>a .sg-avatar{width:26px;height:26px;border-radius:5px}

#sg-social-concept .sg-chat-window .sg-chat-head>a .sg-avatar{width:33px;height:33px;border-radius:5px}
#sg-social-concept .sg-chat-window .sg-message>a .sg-avatar{width:25px;height:25px;border-radius:5px}
#sg-social-concept .sg-message>a{flex-shrink:0}
