/* Friend profiles reuse personal-profile scales without account-editing tools. */
html.yosh-pacome-responsive body.y-app #friendpage { background:var(--y-bg); color:var(--y-fg); font:400 14px/1.5 var(--y-body); text-align:left; padding:16px 16px 36px; overflow-x:hidden; }
html.yosh-pacome-responsive body.y-app #friendpage .friend-profile-back { display:inline-flex; align-items:center; justify-content:center; margin:0 0 14px; padding:0 16px; min-height:40px; min-width:0; background:var(--y-yellow); color:var(--y-ink); border-color:var(--y-yellow); font:700 12px var(--y-body); }
html.yosh-pacome-responsive body.y-app #friendpage #FRprofil-cnt { display:grid; grid-template-columns:76px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; align-content:start; gap:4px 12px; width:100%; height:auto; min-height:0; margin:0; padding:12px; border:1px solid var(--y-line); border-radius:6px; background:var(--y-bg2); }
html.yosh-pacome-responsive body.y-app #friendpage #FRprofil-tof { position:static; width:76px; height:76px; margin:0; grid-column:1; grid-row:1/3; border:3px solid var(--y-fg); background-position:center; }
html.yosh-pacome-responsive body.y-app #friendpage #FRprofil-name { min-height:0; margin:0; padding:0 28px 0 0; font:400 23px/1.15 var(--y-display); align-self:center; text-align:left; }
html.yosh-pacome-responsive body.y-app #friendpage #FRprofil-identity { min-height:0; margin:0; padding:0; font:400 12px/1.4 var(--y-body); }
html.yosh-pacome-responsive body.y-app #friendpage #FRprofil-identity:empty { display:none; }
html.yosh-pacome-responsive body.y-app #friendpage #FRprofile-qr-context { margin:8px 0 0; font:400 12px/1.5 var(--y-body); }
html.yosh-pacome-responsive body.y-app #friendpage #FRprofil-cnt .profil-locate { position:absolute; inset:10px 10px auto auto; display:grid; place-items:center; width:24px; height:24px; min-height:0; margin:0; padding:0; border:0; background:none; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-section { width:100%; max-width:none; margin:20px 0; padding:0; border:0; border-radius:0; background:none; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-section-heading { margin:0 0 10px; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-section-title { font:400 20px/1.2 var(--y-display); color:var(--y-fg); letter-spacing:0; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-empty-state { padding:12px; margin:0; font:400 13px/1.5 var(--y-body); color:var(--y-muted); }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-list { display:flex; flex-direction:column; gap:10px; width:100%; margin:0; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-card { display:grid; grid-template-columns:96px minmax(0,1fr); gap:12px; width:100%; height:auto; min-height:0; margin:0; padding:10px; border:1px solid var(--y-line); border-radius:6px; background:var(--y-bg2); box-shadow:none; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-artwork { width:100%; min-width:0; align-self:start; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-open { display:block; width:100%; height:auto; min-height:0; aspect-ratio:1; margin:0; padding:0; border:0; border-radius:4px; background:none; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-image { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:4px; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-body { min-width:0; display:flex; flex-direction:column; align-items:stretch; gap:6px; padding:0; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-title { min-height:0; width:100%; margin:0; padding:0; font:400 17px/1.2 var(--y-display); color:var(--y-fg); text-align:left; overflow-wrap:anywhere; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-type { font:700 10px/1.4 var(--y-mono); }
html.yosh-pacome-responsive body.y-app #friendpage :is(.profile-music-meta,.profile-music-artists,.profile-music-venue-name) { margin:0; font:400 12px/1.4 var(--y-body); color:var(--y-muted); overflow-wrap:anywhere; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-meta { display:flex; flex-direction:column; gap:4px; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-venue { min-height:0; margin:0; padding:0; gap:6px; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-venue-logo { flex:0 0 28px; width:28px; height:28px; border-width:1px; }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-play { width:44px; height:44px; min-width:44px; min-height:44px; padding:6px; border:0; border-radius:50%; background:var(--y-card); }
html.yosh-pacome-responsive body.y-app #friendpage .profile-music-play img { width:32px; height:32px; }
html.yosh-pacome-responsive body.y-app #friendpage :is(.friend-music-toggle,.friend-likes-more) { display:block; width:100%; min-height:44px; margin:10px 0 0; padding:8px 12px; border:1px solid var(--y-line); border-radius:24px; background:var(--y-card); color:var(--y-yellow); font:700 12px/1.4 var(--y-body); }
html.yosh-pacome-responsive body.y-app #friendpage .friend-likes-more[hidden] { display:none; }
html.yosh-pacome-responsive body.y-app #friendpage .friend-likes-more:disabled { opacity:.6; cursor:wait; }
html.yosh-pacome-responsive body.y-app #friendpage .fav-places-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:16px 12px; width:100%; margin:12px 0 0; }
html.yosh-pacome-responsive body.y-app #friendpage .fav-place-item { display:flex; flex-direction:column; align-items:center; justify-self:stretch; gap:8px; width:100%; min-width:0; margin:0; padding:0; text-align:center; }
html.yosh-pacome-responsive body.y-app #friendpage .fav-place-logo { width:80px; height:80px; margin:0; border:2px solid var(--y-line); }
html.yosh-pacome-responsive body.y-app #friendpage .fav-place-name { width:100%; font:700 13.75px/1.4 var(--y-body); color:var(--y-fg); text-align:center; overflow-wrap:anywhere; }
html.yosh-pacome-responsive body.y-app #friendpage #FRtonight-section { padding:12px; border:1px solid var(--y-yellow); border-radius:6px; background:var(--y-bg2); }
html.yosh-pacome-responsive body.y-app #friendpage .profile-reward-rail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:10px; overflow:visible; }
html.yosh-pacome-responsive body.y-app #friendpage .friend-reward-tile { display:flex; flex-direction:column; align-items:center; gap:6px; min-width:0; min-height:0; padding:10px; font:700 11px/1.4 var(--y-body); }
html.yosh-pacome-responsive body.y-app #friendpage .friend-reward-tile img { width:40px; height:40px; }

/* Two equal friend tiles: +25% avatars and names, centered in each half. */
html.yosh-pacome-responsive body.y-app #main-4 #cntFriends { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; justify-items:center; }
html.yosh-pacome-responsive body.y-app #main-4 .contentami { width:100%; min-width:0; max-width:none; justify-self:stretch; align-items:center; text-align:center; }
html.yosh-pacome-responsive body.y-app #main-4 .miniami { width:70px; height:70px; }
html.yosh-pacome-responsive body.y-app #main-4 .nameami { width:100%; font:700 15px/1.4 var(--y-body); text-align:center; }

html.yosh-pacome-responsive body.y-app #friendpage .friend-remove { display:block; width:auto; min-height:44px; margin:12px 0 0; padding:8px 16px; border:1px solid var(--y-line); border-radius:24px; background:var(--y-bg2); color:var(--y-yellow); font:700 12px/1.4 var(--y-body); }
html.yosh-pacome-responsive body.y-app #friendpage .friend-remove[hidden],html.yosh-pacome-responsive body.y-app #friendpage #FRremove-status[hidden] { display:none; }
html.yosh-pacome-responsive body.y-app #friendpage .friend-remove:disabled { opacity:.6; cursor:wait; }
html.yosh-pacome-responsive body.y-app #friendpage #FRremove-status { margin:8px 0 0; color:var(--y-yellow); font:400 13px/1.5 var(--y-body); }