/* Shared application adjustments; reference.css is extracted from the approved mockup. */
html,body{margin:0;width:100%;height:100%;background:#0d0e10;color:#eeeff2;font-family:"Segoe UI",Arial,sans-serif}
#sg-social-concept{height:100dvh;min-height:360px;border:0;border-radius:0;display:flex;flex-direction:column}
#sg-social-concept .sg-top,#sg-social-concept .sg-bottom-bar{flex-shrink:0}
#sg-social-concept .sg-brand{color:inherit;text-decoration:none}
#sg-social-concept .sg-shell{flex:1;min-height:0}
#sg-social-concept .sg-content{height:auto;min-height:0;padding-bottom:36px}
#sg-social-concept .sg-nav{min-height:0;overflow-y:auto}
#sg-social-concept .sg-nav a{color:inherit}
#sg-social-concept .sg-demo{text-transform:none;letter-spacing:0}
#sg-social-concept .rv-empty{text-align:left;padding:26px 0}
#sg-social-concept button,#sg-social-concept a{cursor:pointer}
#sg-social-concept button:disabled{cursor:default;opacity:.55}
#sg-social-concept .sg-avatar{object-fit:cover}
#sg-social-concept .rv-error{border-color:#e09a9a;color:#ecc0c0}
#sg-social-concept .next-error{padding:16px;margin:16px 0;background:var(--sg-panel);border-left:2px solid #e09a9a}
#sg-social-concept .rv-copy{white-space:pre-wrap}
#sg-social-concept .rv-action-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
#sg-social-concept #rv-modal{max-height:calc(100dvh - 40px);border:1px solid var(--sg-line);border-radius:8px;width:calc(100% - 40px);padding:24px;box-sizing:border-box}
#sg-social-concept #rv-modal::backdrop{background:#000a}
#sg-social-concept .next-stat{padding:13px 0;border-bottom:1px solid var(--sg-line);display:flex;gap:15px;align-items:center;flex-wrap:wrap}
#sg-social-concept .next-stat strong{font-size:20px}
#sg-social-concept .next-stat span{color:var(--sg-muted);font-size:12px}
#sg-social-concept .next-cover{padding:24px;background:linear-gradient(122deg,#20252a 0 44%,#30343a 44% 68%,#1b2026 68%);border-radius:7px;margin:-24px -24px 0;position:relative}
#sg-social-concept .next-cover h3{font-size:27px;margin:16px 0;line-height:1.3;overflow-wrap:anywhere}
#sg-social-concept .next-cover .rv-modal-head{margin:0}
#sg-social-concept .next-tags{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:12px;color:var(--sg-muted);margin-top:16px}
#sg-social-concept .next-tags span{overflow-wrap:anywhere;max-width:100%}
#sg-social-concept .next-admin-table{width:100%;border-collapse:collapse;font-size:12px}
#sg-social-concept .next-admin-table td,#sg-social-concept .next-admin-table th{padding:9px;border-bottom:1px solid var(--sg-line);text-align:left;overflow-wrap:anywhere}
#sg-social-concept .next-admin-table th{color:var(--sg-muted);font-weight:400;background:#25262a}
#sg-social-concept .next-admin-table tbody tr:nth-child(even){background:#1e2025}
#sg-social-concept .next-admin-table .rv-button{min-height:25px;padding:3px 8px}
#sg-social-concept .next-profile-section{padding:20px 0;border-bottom:1px solid var(--sg-line)}
#sg-social-concept .next-profile-section p{margin-top:10px;color:var(--sg-muted);white-space:pre-wrap;overflow-wrap:anywhere}
#sg-social-concept .sg-talk{height:100%;min-height:280px}
#sg-social-concept .sg-world-scroll{height:auto;flex:1;overflow-y:auto;overscroll-behavior:contain}
#sg-social-concept .sg-content.next-chat{display:flex;flex-direction:column;overflow:hidden}
#sg-social-concept .next-chat .rv-head{flex-shrink:0}
#sg-social-concept .sg-conversation{min-height:0}
#sg-social-concept .next-chat .sg-talk{flex:1}
#sg-social-concept .next-auth{max-width:480px;margin-top:24px}
#sg-social-concept .next-auth .rv-tabs{gap:14px}
#sg-social-concept .next-warning{color:var(--sg-muted);font-size:12px;line-height:1.7;margin:12px 0}
#sg-social-concept .next-account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
#sg-social-concept .next-summary{margin-top:18px}
#sg-social-concept .next-image{max-width:100%;max-height:60vh;object-fit:contain}
#sg-social-concept .next-placeholder{color:var(--sg-muted);font-size:13px;line-height:1.7;padding:20px 0}
@media(max-width:520px){#sg-social-concept .sg-shell{display:flex;flex-direction:column}#sg-social-concept .sg-nav{flex-shrink:0;overflow:visible}#sg-social-concept .sg-content{height:auto;flex:1;min-height:0}#sg-social-concept .sg-nav .sg-user-bottom{grid-column:auto}#sg-social-concept .sg-demo{max-width:110px;font-size:10px}#sg-social-concept #rv-modal{padding:16px;width:calc(100% - 20px)}#sg-social-concept .next-cover{margin:-16px -16px 0;padding:16px}#sg-social-concept .next-cover h3{font-size:23px}#sg-social-concept .next-admin-table{min-width:600px}#sg-social-concept .next-chat .sg-talk{display:flex;flex-direction:column}#sg-social-concept .next-chat .sg-channels{flex-shrink:0;max-height:140px;overflow-y:auto}#sg-social-concept .next-chat .sg-conversation{flex:1}}
/* Compact room controls and staff cards use the approved common design. */
#sg-social-concept #voice-panel{display:flex;flex-direction:column;min-height:0;flex:1}
#sg-social-concept #voice-rooms{overflow-y:auto;max-height:40vh}
#sg-social-concept #voice-rooms .sg-channel{gap:6px}
#sg-social-concept #voice-rooms .sg-channel>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#sg-social-concept #voice-rooms .sg-channel>small{margin-left:auto;color:var(--sg-muted);font-size:10px;white-space:nowrap}
#sg-social-concept #voice-rooms .sg-channel svg{width:15px;flex-shrink:0}
#sg-social-concept .next-voice-people{list-style:none;margin:0 0 9px;padding:0 8px 0 22px}
#sg-social-concept .next-voice-person{display:flex;flex-direction:column;font-size:11px;margin:6px 0;overflow-wrap:anywhere}
#sg-social-concept .next-voice-person small{font-size:9px;color:var(--sg-muted)}
#sg-social-concept .next-voice-person.is-speaking{color:var(--sg-green)}
#sg-social-concept .sg-voice-actions{gap:2px;flex-wrap:wrap}
#sg-social-concept .sg-voice-actions .sg-icon-btn{min-height:35px;display:flex;flex-direction:column;gap:3px;width:auto;padding:6px;font-size:9px}
#sg-social-concept .sg-voice-actions .sg-icon-btn[aria-pressed=true]{background:#343b48;border-radius:4px}
#sg-social-concept .sg-voice-actions .sg-icon-btn svg{width:16px;height:16px}
#sg-social-concept .next-voice-refresh{font-size:10px;align-self:flex-start;margin:4px 0}
#sg-social-concept .next-voice-footer{display:flex;align-items:center;gap:8px;min-width:0}
#sg-social-concept .next-voice-footer>.rv-link{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
#sg-social-concept .next-voice-footer .sg-voice-actions{margin:0;flex-wrap:nowrap}
#sg-social-concept .next-voice-footer .sg-icon-btn{padding:3px;min-height:25px}
#sg-social-concept .next-user-search{display:flex;gap:8px;align-items:end;margin-top:20px}
#sg-social-concept .next-user-search .rv-label{flex:1}
#sg-social-concept .next-user-dialog{max-width:740px}
#sg-social-concept .next-user-heading h2{font-size:23px;overflow-wrap:anywhere}
#sg-social-concept .next-user-details{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:20px 0;border-bottom:1px solid var(--sg-line)}
#sg-social-concept .next-user-details dt{font-size:11px;color:var(--sg-muted)}
#sg-social-concept .next-user-details dd{margin:5px 0 0;font-size:13px;overflow-wrap:anywhere}
#sg-social-concept .next-danger{color:#ecc0c0;border-color:#8f6262}
@media(max-width:520px){#sg-social-concept #voice-panel{display:block}#sg-social-concept #voice-rooms{max-height:170px}#sg-social-concept #voice-rooms .sg-channel{width:100%}#sg-social-concept .next-chat .sg-channels{max-height:240px}#sg-social-concept .next-voice-footer>.rv-link{max-width:110px;font-size:10px}#sg-social-concept .next-user-search{flex-wrap:wrap}#sg-social-concept .next-user-search .rv-label{flex-basis:100%}#sg-social-concept .next-user-details{grid-template-columns:1fr}#sg-social-concept .sg-bottom-bar{gap:4px}#sg-social-concept .next-voice-footer{gap:2px}}
