#friends-section .social-layout{display:flex;flex-direction:column;gap:16px}
#friends-section .invite-entry{justify-content:flex-start;gap:10px;flex-wrap:wrap;padding:12px 0;background:transparent;border:0}
#friends-section #friend-search[hidden]{display:none}
#friend-search{width:100%;box-sizing:border-box}
#friend-list{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #e0e8e2;border-radius:14px;overflow:visible}
#friend-list .friend-compact{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;margin:0;border:0;border-bottom:1px solid #e0e8e2;border-radius:0;box-shadow:none}
#friend-list .friend-compact:first-child{border-radius:14px 14px 0 0}#friend-list .friend-compact:last-child{border-bottom:0;border-radius:0 0 14px 14px}
#friend-list .person-avatar{width:44px;height:44px;min-width:44px;margin:0}
.friend-identity{min-width:0}.friend-identity h3{margin:0;font-size:16px;overflow-wrap:anywhere}.friend-identity p{margin:4px 0 0;font-size:14px}
#friend-list .social-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0;max-width:300px}
#friend-list button{min-height:44px;white-space:normal;font-size:14px}
.friend-more summary{cursor:pointer;font-size:14px;padding:12px 6px;color:#53645a}.friend-more[open]{flex-basis:100%}
@media(max-width:650px){#friend-list .friend-compact{grid-template-columns:44px minmax(0,1fr);gap:8px 12px;padding:12px}#friend-list .social-actions{grid-column:2;max-width:none}#friend-list .social-actions button{padding:9px 12px}#friends-section .invite-entry button{flex:1 1 140px}}
#friends-section .social-layout{align-items:stretch}#friend-list .social-actions{padding-top:0;border-top:0}#friends-section .invite-entry{margin-bottom:12px}

.friend-filters{display:grid;gap:12px;margin-bottom:14px}.friend-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.friend-filter-tabs [aria-pressed=true]{background:#287f4a;color:white}.friend-filters label{display:grid;gap:5px;font-size:14px}#friend-list .friend-favorite{font-size:23px;min-width:44px;padding:5px}.friend-favorite[aria-pressed=true]{color:#805400;background:#fff4ce}#friend-list .social-actions{max-width:340px}
.friend-identity .friend-presence{display:flex!important;font-size:14px;margin-top:4px;color:#5b6672}.friend-identity .friend-presence.is-online{color:#216b3e}.friend-status-help{margin:0;font-size:14px;line-height:1.45}
#workspace #friends-section #friend-list .social-empty{display:block}
.friend-filter-tabs button[aria-pressed=true],.friend-filter-tabs button[aria-pressed=true]:hover{background:#287f4a!important;color:#fff!important}.friend-filter-tabs button[aria-pressed=false]{background:#fff;color:#344b61}.friend-filter-tabs button:focus-visible{outline:2px solid #1c633b;outline-offset:2px}
.friend-filter-tabs button{transition:none!important}
@media(max-width:650px){
 #friend-list .friend-mobile-row{grid-template-columns:36px minmax(0,1fr) 132px;gap:8px;padding:10px;min-height:64px;box-sizing:border-box}
 #friend-list .friend-mobile-row>.person-avatar{width:36px;height:36px;min-width:36px;flex-basis:36px}
 #friend-list .friend-mobile-row .social-actions{grid-column:3;grid-row:1;gap:0;flex-wrap:nowrap;max-width:132px;align-self:center}
 #friend-list .friend-mobile-row .friend-identity h3{font-size:14px;line-height:1.3}
 #friend-list .friend-mobile-row .friend-presence{font-size:13px;margin-top:3px}
 #friend-list .friend-mobile-row .friend-message{width:44px;min-width:44px;height:44px;padding:0;font-size:24px;background:transparent;color:#237947;border:0}
 .friend-mobile-menu{position:relative;flex:0 0 44px}
 .friend-mobile-menu>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;cursor:pointer;font-size:25px;list-style:none;color:#435b4e}
 .friend-mobile-menu>summary::-webkit-details-marker{display:none}
 .friend-mobile-menu>summary:focus-visible{outline:2px solid #237947;border-radius:8px}
 .friend-menu-items{position:absolute;right:0;top:44px;z-index:25;display:grid;gap:4px;width:230px;max-width:calc(100vw - 40px);padding:8px;background:white;border:1px solid #dce5df;border-radius:12px;box-shadow:0 8px 24px #173b2526;box-sizing:border-box}
 #friend-list .friend-menu-items button{width:100%;text-align:left;justify-content:flex-start;font-size:14px;padding:10px;border:0;white-space:normal}
 #friend-list .friend-menu-items .friend-favorite{font-size:14px}
}

@media(max-width:650px){#friend-list .friend-mobile-row .social-actions>.friend-favorite{flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;font-size:25px;line-height:1;color:#596c60;background:transparent;border:0}#friend-list .friend-mobile-row .social-actions>.friend-favorite[aria-pressed=true]{color:#805400;background:#fff4ce;border-radius:9px}}