.friend-requests-banner{background:var(--surface);border-radius:1rem;gap:.85rem;margin-bottom:1.25rem;padding:1rem 1.15rem;display:grid}.friend-requests-banner>header,.friend-request-row,.friend-request-person,.friend-request-actions{flex-direction:row;align-items:center;display:flex}.friend-requests-banner>header{gap:.65rem}.friend-requests-banner h2,.friend-requests-banner p{margin:0}.friend-requests-banner h2{font-size:1rem}.friend-requests-banner p,.friend-request-person small{color:var(--ink-faint);font-size:.78rem}.friend-requests-banner ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.friend-request-row{background:var(--surface-quiet);border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:.65rem .75rem;position:relative}.friend-request-error{width:100%;color:var(--danger);margin:0;font-size:.78rem}.friend-request-person{min-width:0;color:var(--ink);gap:.65rem;text-decoration:none}.friend-request-person>span{min-width:0;display:grid}.friend-request-actions{flex:none;gap:.45rem}.friend-request-actions button,.friend-request-actions button>[data-text]{flex-direction:row}@media (width<=34rem){.friend-request-row{flex-direction:column;align-items:flex-start}.friend-request-actions{justify-content:flex-end;width:100%}}
