/* Needs you card (22 Oct 2026): same frame as the suggested accounts card; Ember stays the one action. */
.ny-card { margin:24px 0; padding:24px; border-radius:24px; background:var(--panel); color:var(--ink); border:1px solid var(--line); }
.ny-card h3 { margin:0 0 8px; font-size:20px; line-height:1.4; font-weight:600; }
.ny-card > p { margin:0 0 16px; font-size:15px; line-height:1.5; color:var(--muted, inherit); }
.ny-item { display:flex; gap:16px; align-items:center; justify-content:space-between; padding:16px 0; border-top:1px solid var(--line); }
.ny-words { display:flex; flex-direction:column; gap:4px; min-width:0; }
.ny-words b { font-size:16px; font-weight:600; line-height:1.4; }
.ny-words span { font-size:14px; line-height:1.5; color:var(--muted, inherit); }
.ny-fix { flex:0 0 auto; min-height:44px; padding:0 16px; border-radius:999px; border:1px solid var(--line); background:transparent; color:var(--ink); font:500 15px/1 Manrope, system-ui, sans-serif; cursor:pointer; }
.ny-fix:active { transform:scale(0.97); }
@media (max-width:480px) { .ny-item { flex-direction:column; align-items:stretch; } .ny-fix { width:100%; } }
.ny-line { display:flex; width:100%; align-items:center; justify-content:space-between; gap:16px; margin:16px 0; padding:16px 20px; border-radius:20px; border:1px solid var(--line); background:transparent; color:var(--ink); text-align:left; cursor:pointer; font:inherit; }
.ny-line > span { display:flex; flex-direction:column; gap:4px; }
.ny-line b { font-size:16px; font-weight:600; }
.ny-line span span { font-size:14px; color:var(--muted, inherit); }
.ny-sheet .ny-card, .ny-sheet .sa-card { margin:0 0 16px; border:0; padding:0; background:transparent; }
.ny-acts { display:flex; gap:8px; flex:0 0 auto; }
@media (max-width:480px) { .ny-acts { flex-direction:column; } }
/* The count beside Needs you in the sidebar and the phone menu (owner, 23 Oct 2026). */
.ny-badge { display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; padding:0 7px; margin-left:auto; border-radius:999px; background:var(--ember); color:#fff; font-size:12px; font-weight:600; line-height:1; flex:none; }
.ny-item.ny-wait { flex-direction:column; align-items:flex-start; }
/* A question with the pages Tellz found (owner, 26 Oct 2026): each page shows its own logo, name and followers. */
.ny-item.ny-ask { flex-direction:column; align-items:stretch; }
.ny-page { display:flex; gap:16px; align-items:center; justify-content:space-between; padding:12px 0 0; }
.ny-face { display:flex; gap:12px; align-items:center; min-width:0; }
.ny-logo { width:44px; height:44px; border-radius:12px; object-fit:cover; flex:none; background:var(--line); }
@media (max-width:480px) { .ny-page { flex-direction:column; align-items:stretch; } }
.src-note { margin:0 0 12px; color:var(--muted, inherit); }