#friends-panel{max-width:850px;padding:12px 0 35px}#friends-panel h1{margin:12px 0;font-size:32px}.friends-intro{max-width:650px;line-height:1.7;color:#637b89}.friends-add{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px 14px;background:#fff;border:1px solid #e3e9ed;padding:22px;border-radius:14px;margin:25px 0}.friends-add label{grid-column:1/-1;font-size:13px;font-weight:650}.friends-add input{min-width:0;width:100%;border:1px solid #cfdae0;border-radius:9px;padding:12px;color:#193344;font:inherit}.friends-add input:focus-visible{outline:3px solid #b5237140;outline-offset:2px}.friends-list{display:grid;gap:12px}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e3e9ed;border-radius:12px;padding:20px}.friend-details{display:flex;flex-direction:column;gap:5px;min-width:0}.friend-details strong,.friend-details span{overflow-wrap:anywhere}.friend-details span{font-size:13px;color:#637b89}.friends-message{line-height:1.6;color:#637b89}.friends-error{color:#a3293f}@media(max-width:540px){.friends-add{grid-template-columns:1fr;padding:18px}.friends-add label{grid-column:auto}.friend-row{align-items:stretch;flex-direction:column;padding:18px}.friend-row .button{justify-content:center;white-space:normal}#friends-panel h1{font-size:27px}}