/* R87 Run 5 — QRSocial commercial navigation and People surface.
   Desktop only for the collapsible sidebar. Mobile menu/dock unchanged. */
.qs-r5-sidebar-toggle{display:none}
@media(min-width:761px){
  body.has-tabbar{--qs-r5-nav-width:260px}
  body.has-tabbar.qs-sidebar-compact{--qs-r5-nav-width:72px;padding-left:72px!important}
  body.has-tabbar .qs-sidebar{transition:width .2s ease,padding .2s ease}
  .qs-sidebar .qs-r5-sidebar-toggle{display:flex;box-sizing:border-box;align-items:center;gap:10px;width:calc(100% - 8px);margin:0 4px 17px;padding:10px 12px;min-height:43px;flex-shrink:0;border:1px solid var(--qs-line);border-radius:13px;background:var(--qs-surface-2);color:var(--qs-text);font:inherit;font-size:12px;font-weight:750;cursor:pointer;text-align:left}
  .qs-r5-sidebar-toggle-icon{font-size:17px;width:20px;text-align:center;flex:0 0 20px}
  .qs-r5-sidebar-toggle-label{flex:1;white-space:nowrap;min-width:0}
  .qs-r5-sidebar-toggle-chevron{font-size:19px;color:var(--qs-muted)}
  .qs-r5-sidebar-toggle:hover,.qs-r5-sidebar-toggle:focus-visible{border-color:var(--qs-accent);outline-offset:2px}
  body.has-tabbar.qs-sidebar-compact .qs-sidebar{width:72px!important;padding-left:9px!important;padding-right:9px!important;overflow-x:hidden}
  .qs-sidebar-compact .qs-r5-sidebar-toggle{padding:8px 0;width:46px;height:45px;justify-content:center;margin:0 auto 17px}
  .qs-sidebar-compact .qs-r5-sidebar-toggle-icon{flex:0 0 auto}
  .qs-sidebar-compact .qs-r5-sidebar-toggle-label,.qs-sidebar-compact .qs-r5-sidebar-toggle-chevron,.qs-sidebar-compact .qs-sidebar-section-label{display:none!important}
  .qs-sidebar-compact .qs-nav-list{align-items:center;width:100%}
  .qs-sidebar-compact .qs-nav-item{box-sizing:border-box;position:relative;justify-content:center;gap:0;width:46px;min-height:46px;padding:10px 0!important;margin:2px auto;border-radius:13px}
  .qs-sidebar-compact .qs-nav-item>span:nth-child(2){display:none!important}
  .qs-sidebar-compact .qs-nav-item .qs-nav-icon{width:26px;font-size:20px!important;flex:0 0 26px}
  .qs-sidebar-compact .qs-nav-item .qs-nav-badge{position:absolute;top:0;right:0;min-width:15px;min-height:15px;font-size:9px}
  .qs-sidebar-compact .qs-create-button{width:46px;height:46px;min-height:46px;margin:12px auto!important;padding:0!important;font-size:0!important;display:grid;place-items:center}
  .qs-sidebar-compact .qs-create-button span{font-size:23px!important;margin:0!important}
  .qs-sidebar-compact .qs-sidebar-more{width:46px;height:46px;min-height:46px;margin:0 auto 12px;justify-content:center;padding:0!important}
  .qs-sidebar-compact .qs-sidebar-more>span:nth-child(2),.qs-sidebar-compact .qs-sidebar-more>b{display:none!important}
  .qs-sidebar-compact .qs-sidebar-more-icon{width:29px;height:29px}
  .qs-sidebar-compact .qs-nerddi-entry{width:46px;min-height:46px;padding:6px!important;justify-content:center;margin-left:auto;margin-right:auto}
  .qs-sidebar-compact .qs-nerddi-entry>span:nth-child(2),.qs-sidebar-compact .qs-nerddi-entry>kbd{display:none!important}
  .qs-sidebar-compact .qs-sidebar-user{gap:0;justify-content:center}
  .qs-sidebar-compact .qs-sidebar-user .qs-user-chip{flex:0 0 auto;width:42px;justify-content:center;padding:4px}
  .qs-sidebar-compact .qs-user-chip div,.qs-sidebar-compact .qs-sidebar-user .qs-icon-link{display:none!important}
  .qs-sidebar-compact .qs-page{box-sizing:border-box;width:min(1180px,calc(100vw - 72px));max-width:100%}
}
/* Account for the sidebar before assigning a content width. The historical
   qs-page rule used content-box sizing, adding padding beyond the viewport. */
@media(min-width:761px){
  body.has-tabbar .qs-page{box-sizing:border-box!important;width:min(1180px,100%)!important;max-width:100%!important;padding-left:clamp(12px,2vw,28px)!important;padding-right:clamp(12px,2vw,28px)!important}
  body.has-tabbar.qs-sidebar-compact .qs-page{width:min(1180px,100%)!important}
}
/* Commercial People directory: one card geometry and one action system. */
.qs-people-surface{width:100%!important;max-width:1120px!important;min-width:0!important}
.qs-people-surface .qs-people-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr))!important;gap:14px!important;align-items:stretch}
.qs-people-surface .qs-person-card{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;height:100%;min-height:226px;padding:18px!important;border:1px solid var(--qs-line)!important;border-radius:20px!important;background:var(--qs-surface);box-shadow:0 5px 22px rgba(25,35,58,.055)!important;transform:none;transition:border-color .16s ease,box-shadow .16s ease!important;overflow:hidden}
.qs-people-surface .qs-person-card:hover{transform:none!important;border-color:color-mix(in srgb,var(--qs-accent) 25%,var(--qs-line))!important;box-shadow:0 9px 24px rgba(25,35,58,.10)!important}
.qs-people-surface .qs-person-top{display:flex;align-items:center;gap:12px;min-width:0}
.qs-people-surface .qs-person-top img,.qs-people-surface .qs-person-top>span{flex:0 0 50px;width:50px!important;height:50px!important;border-radius:50%!important;object-fit:cover}
.qs-people-surface .qs-person-top div{flex:1;min-width:0}
.qs-people-surface .qs-person-top strong{font-size:14px;line-height:1.25;font-weight:800}
.qs-people-surface .qs-person-top small{font-size:11px;margin-top:4px}
.qs-people-surface .qs-person-card>p{margin:13px 0 10px!important;min-height:36px;height:auto!important;max-height:36px;font-size:11.5px!important;line-height:1.5;color:var(--qs-text-secondary);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.qs-people-surface .qs-person-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:28px;margin:0 0 14px}
.qs-people-surface .qs-person-meta>span{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;font-size:10px;line-height:1.2;border-radius:999px;background:var(--qs-surface-muted);color:var(--qs-text-secondary);box-sizing:border-box}
.qs-people-surface .qs-person-meta .qs-friend-state-badge{background:color-mix(in srgb,var(--qs-accent) 11%,var(--qs-surface))!important;color:var(--qs-accent)!important;font-weight:750!important}
.qs-people-surface .qs-person-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;align-items:stretch;flex-direction:unset!important;flex-wrap:nowrap!important;margin-top:auto!important;width:100%;min-width:0}
.qs-people-surface .qs-person-actions>a,.qs-people-surface .qs-person-actions>button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:40px!important;height:40px!important;flex:none!important;padding:6px 5px!important;margin:0!important;border:1px solid var(--qs-line)!important;border-radius:11px!important;background:var(--qs-surface-muted)!important;color:var(--qs-text)!important;text-align:center;font:inherit!important;font-size:10.5px!important;font-weight:760!important;letter-spacing:-.01em;line-height:1.12;white-space:normal;overflow-wrap:normal;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease!important}
.qs-people-surface .qs-person-actions>a:hover,.qs-people-surface .qs-person-actions>button:hover{border-color:var(--qs-accent)!important;background:color-mix(in srgb,var(--qs-accent) 9%,var(--qs-surface))!important}
.qs-people-surface .qs-person-actions>a:focus-visible,.qs-people-surface .qs-person-actions>button:focus-visible{outline:2px solid var(--qs-accent);outline-offset:2px}
.qs-people-surface .qs-person-actions>.qs-friend-state-button.is-add,.qs-people-surface .qs-person-actions>a[data-qs-friend-message]{background:var(--qs-accent)!important;border-color:var(--qs-accent)!important;color:#fff!important}
.qs-people-surface .qs-person-actions>.qs-friend-state-button.is-accept{border-color:color-mix(in srgb,var(--qs-accent) 40%,var(--qs-line))!important;color:var(--qs-accent)!important;background:color-mix(in srgb,var(--qs-accent) 10%,var(--qs-surface))!important}
.qs-people-surface .qs-person-actions>.qs-friend-state-button.is-requested,.qs-people-surface .qs-person-actions>button.is-following{color:var(--qs-muted)!important;background:var(--qs-surface)!important}
.qs-people-surface .qs-people-search{box-sizing:border-box;display:flex!important;align-items:stretch;gap:8px!important;min-width:0;max-width:100%;padding:7px!important;margin:12px 0 18px!important;border:1px solid var(--qs-line)!important;border-radius:16px!important}
.qs-people-surface .qs-r5-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.qs-people-surface .qs-people-search input{min-width:0;flex:1;min-height:42px!important;height:42px!important;margin:0!important;border-radius:11px!important;font-size:13px!important}
.qs-people-surface .qs-people-search button{box-sizing:border-box;flex:0 0 auto;min-width:88px!important;height:42px!important;min-height:42px!important;padding:0 16px!important;border-radius:11px!important;font-size:12px!important;font-weight:760!important}
.qs-people-surface .qs-r77-people-circles{box-sizing:border-box;gap:14px;border-radius:20px!important}
.qs-people-surface .qs-r77-people-circles .qs-primary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:11px;white-space:nowrap;text-decoration:none;background:var(--qs-accent);color:#fff}
@media(max-width:760px){
  .qs-people-surface .qs-people-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;gap:10px!important}
  .qs-people-surface .qs-person-card{min-height:206px;padding:15px!important}
  .qs-people-surface .qs-people-search{position:static!important;top:auto!important}
}
@media(max-width:370px){.qs-people-surface .qs-person-actions{gap:5px!important}.qs-people-surface .qs-person-actions>a,.qs-people-surface .qs-person-actions>button{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.qs-sidebar,.qs-person-card{transition:none!important}}