/* Concept C: one first-render geometry for inbox, search and discovery cards.
 * The first declared layer owns these scoped rules over legacy runtime skins.
 * No avatar/rating artwork, presence state or navigation behavior is replaced. */
@layer falue-compact-profile-cards {
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) {
    --cc-avatar:64px; --cc-cover:76px; --cc-paper:var(--falue-surface,#fff);
    box-sizing:border-box!important; position:relative!important; display:grid!important;
    grid-template-columns:74px minmax(0,1fr)!important; grid-template-rows:var(--cc-cover) minmax(64px,auto) auto auto!important;
    gap:12px!important; width:100%!important; min-width:0!important; height:auto!important;
    min-height:0!important; max-height:none!important; padding:10px!important; margin:0!important;
    border:0!important; border-radius:22px!important; background:var(--cc-paper)!important;
    color:var(--falue-text,#242535)!important; box-shadow:var(--falue-card-shadow,0 5px 18px #2022360b)!important;
    overflow:visible!important; transform:none!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card)[hidden] {display:none!important}
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-cover {
    grid-area:1 / 1 / 2 / -1!important; display:block!important; position:relative!important;
    inset:auto!important; width:100%!important; height:var(--cc-cover)!important; min-height:0!important;
    margin:0!important; padding:0!important; border:0!important; border-radius:14px!important;
    overflow:hidden!important; background:var(--falue-surface-soft,#eceef2)!important; box-shadow:none!important;
    transform:none!important; isolation:isolate;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-cover img {
    display:block!important; width:100%!important; height:100%!important; object-fit:cover!important;
    border:0!important; border-radius:inherit!important; margin:0!important; padding:0!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-portrait {
    grid-area:2 / 1!important; align-self:center!important; position:relative!important; inset:auto!important;
    width:var(--cc-avatar)!important; min-width:var(--cc-avatar)!important; max-width:var(--cc-avatar)!important;
    height:var(--cc-avatar)!important; min-height:var(--cc-avatar)!important; margin:0 0 0 10px!important;
    padding:0!important; transform:none!important; z-index:2!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) .fpd-avatar {
    display:block!important; position:relative!important; inset:auto!important; width:var(--cc-avatar)!important;
    min-width:var(--cc-avatar)!important; max-width:var(--cc-avatar)!important; height:var(--cc-avatar)!important;
    min-height:var(--cc-avatar)!important; max-height:var(--cc-avatar)!important; margin:0!important;
    padding:0!important; border:0!important; border-radius:50%!important; overflow:visible!important; transform:none!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) .fpd-avatar > a,
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) .fpd-avatar > a > img {
    display:block!important; width:100%!important; height:100%!important; border-radius:50%!important; object-fit:cover!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) .fpd-presence {
    position:absolute!important; left:-10px!important; right:auto!important; top:50%!important; bottom:auto!important;
    display:block!important; width:4px!important; min-width:4px!important; max-width:4px!important;
    height:22px!important; min-height:22px!important; max-height:22px!important; margin:0!important; padding:0!important;
    border:0!important; border-radius:4px!important; translate:none!important; transform:translateY(-50%)!important; box-shadow:none!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-main {
    grid-area:2 / 2!important; position:relative!important; inset:auto!important; display:flex!important;
    flex-direction:column!important; justify-content:center!important; align-items:flex-start!important;
    width:100%!important; min-width:0!important; height:auto!important; min-height:64px!important;
    max-height:none!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important;
    background:transparent!important; box-shadow:none!important; overflow:hidden!important; text-align:start!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) .fpd-name {
    display:block!important; width:100%!important; margin:0!important; padding:0!important;
    font:400 17px/1.4 var(--falue-font-display,Convergence,sans-serif)!important;
    color:var(--falue-text,#242535)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) .fpd-handle {
    display:block!important; max-width:100%!important; margin:3px 0 0!important; padding:0!important;
    font-size:12px!important; line-height:1.45!important; color:var(--falue-text-secondary,#747886)!important;
    white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) :is(.fpd-bio,.falue-ff-list-reviews,.falue-ff-list-distance,.fpd-open) {display:none!important}
  .falue-ff-card:not(.fpd-list[data-fpd-view="circles"] *) .fpd-name {order:1!important}
  .falue-ff-card:not(.fpd-list[data-fpd-view="circles"] *) .fpd-handle {order:2!important}
  .falue-ff-card:not(.fpd-list[data-fpd-view="circles"] *) .falue-ff-card-distance {
    order:3!important; position:static!important; display:flex!important; align-items:center!important; gap:4px!important;
    margin:3px 0 0!important; padding:0!important; font-size:11px!important; line-height:1.4!important;
    color:var(--falue-text-secondary,#747886)!important;
  }
  .falue-ff-card:not(.fpd-list[data-fpd-view="circles"] *) .falue-ff-card-distance svg {display:block!important;width:12px!important;height:12px!important;margin:0!important}
  .falue-ff-card .falue-ff-card-distance[hidden] {display:none!important}
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-stats {
    grid-area:3 / 1 / 4 / -1!important; position:relative!important; inset:auto!important; display:grid!important;
    grid-template-columns:1fr 1fr!important; gap:0!important; width:100%!important; height:auto!important;
    min-height:34px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) .fpd-stat {
    display:flex!important; flex-direction:row!important; justify-content:center!important; align-items:center!important;
    gap:5px!important; min-height:34px!important; height:auto!important; padding:0 5px!important; margin:0!important;
    border:0!important; color:var(--falue-text,#242535)!important; white-space:nowrap!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) .fpd-stat + .fpd-stat {border-left:1px solid var(--falue-border,#e5e6eb)!important}
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) .fpd-stat strong {font-size:14px!important; line-height:1.3!important}
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) .fpd-stat span {font-size:11px!important; color:var(--falue-text-secondary,#747886)!important; line-height:1.3!important}
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-footer {
    grid-area:4 / 1 / 5 / -1!important; position:relative!important; inset:auto!important; display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important; align-items:center!important; gap:10px!important;
    width:100%!important; height:44px!important; min-height:44px!important; margin:0!important; padding:0!important;
    border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card) .fpd-follow {width:100%!important; min-width:0!important; margin:0!important}
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card) .fpd-follow button {
    position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important;
    width:100%!important; min-width:0!important; height:44px!important; min-height:44px!important;
    margin:0!important; padding:0 12px!important; border:0!important; border-radius:999px!important;
    background:#16171d!important; color:#fff!important; box-shadow:0 3px 9px #17192314!important; font-size:13px!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card) .fpd-follow button:is(.btn-active,.btn-requested) {background:var(--falue-surface-soft,#f4f5f8)!important; color:var(--falue-text,#242535)!important}
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card) .fpd-follow button::before,
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card) .fpd-follow button::after {content:none!important}
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card) .fpd-follow button svg {
    position:static!important; width:20px!important; height:20px!important; min-width:20px!important;
    margin:0!important; padding:0!important; transform:none!important; border:0!important; border-radius:0!important;
    background:transparent!important; box-shadow:none!important; color:inherit!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card) .fpd-message {
    display:grid!important; place-items:center!important; width:44px!important; height:44px!important;
    min-width:44px!important; padding:10px!important; margin:0!important; border:0!important; border-radius:50%!important;
    background:var(--falue-surface-soft,#f4f5f8)!important; color:var(--falue-text,#242535)!important; box-shadow:0 3px 9px #17192310!important;
  }
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card) .fpd-message svg {width:24px!important; height:24px!important}
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card) .fpd-message svg path {fill:currentColor!important}
  :is(:is(.fx-person-card,.fcf-card),.falue-ff-card) .fpd-message > span {display:none!important}
  .fx-people-cards:not([data-fpd-view="circles"]) {display:grid!important; grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))!important; gap:16px!important; align-items:start!important}

  /* Explore refinement: the approved reference overlaps the cover by 12px.
   * Reserve the remaining 60px of the 72px portrait in the identity row;
   * retain both actions, with no statistics row or empty grid track. */
  :is(.fx-person-card,.fcf-card):not(.fpd-list[data-fpd-view="circles"] *) {
    --cc-avatar:72px;
    grid-template-columns:82px minmax(0,1fr)!important;
    grid-template-rows:var(--cc-cover) 60px 54px!important; row-gap:0!important;
  }
  :is(.fx-person-card,.fcf-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-portrait {align-self:start!important; margin-top:-12px!important}
  :is(.fx-person-card,.fcf-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-main {min-height:60px!important; height:60px!important}
  :is(.fx-person-card,.fcf-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-footer {grid-area:3 / 1 / 4 / -1!important; align-self:end!important}

  /* Explore actions mirror the profile's leading-icon pill and message circle.
   * Retain each button's soft shadow, but remove the detached footer decoration. */
  :is(.fx-person-card,.fcf-card):not(.fpd-list[data-fpd-view="circles"] *) {box-shadow:0 2px 8px rgba(24,27,40,.06)!important}
  :is(.fx-person-card,.fcf-card) > .fpd-footer::before,
  :is(.fx-person-card,.fcf-card) > .fpd-footer::after {content:none!important; display:none!important; box-shadow:none!important}
  :is(.fx-person-card,.fcf-card) .fpd-follow button {
    padding:0 12px 0 48px!important; font:400 13px/1.2 var(--falue-font-display,Convergence,sans-serif)!important;
  }
  :is(.fx-person-card,.fcf-card) .fpd-follow button svg {
    position:absolute!important; left:10px!important; right:auto!important; top:50%!important;
    width:24px!important; height:24px!important; min-width:24px!important; transform:translateY(-50%)!important;
  }
  :is(.fx-person-card,.fcf-card) :is(.fpd-follow button,.fpd-message) *,
  :is(.fx-person-card,.fcf-card) :is(.fpd-follow,.fpd-follow button,.fpd-message)::before,
  :is(.fx-person-card,.fcf-card) :is(.fpd-follow,.fpd-follow button,.fpd-message)::after {
    box-shadow:none!important; filter:none!important; text-shadow:none!important;
  }
  :is(.fx-person-card,.fcf-card) :is(.fpd-follow button,.fpd-message):focus-visible {outline:2px solid var(--falue-accent,#661cff)!important; outline-offset:2px!important}

  /* Inbox: retain the row's single action, unread badges and message preview. */
  :is(#falue-messages-placards,.tag_messages) .messages-recipients-list {
    --cc-avatar:56px; --cc-cover:56px; position:relative!important; display:block!important;
    box-sizing:border-box!important; height:auto!important; min-height:0!important; padding:10px!important;
    margin:0 0 14px!important; border:1px solid transparent!important; border-radius:22px!important;
    background:var(--falue-surface,#fff)!important; box-shadow:var(--falue-card-shadow,0 5px 18px #2022360b)!important; overflow:visible!important;
  }
  :is(#falue-messages-placards,.tag_messages) .messages-recipients-list.active {border-color:var(--falue-border,#dedfe7)!important}
  :is(#falue-messages-placards,.tag_messages) .messages-recipients-list::before,
  :is(#falue-messages-placards,.tag_messages) .messages-recipients-list::after {content:none!important}
  :is(#falue-messages-placards,.tag_messages) .messages-recipients-list > .fmc-thread-cover {
    display:block!important; position:relative!important; inset:auto!important; width:100%!important;
    height:var(--cc-cover)!important; margin:0!important; border:0!important; border-radius:14px!important;
    background:var(--falue-surface-soft,#eceef2)!important; overflow:hidden!important; isolation:isolate;
  }
  :is(#falue-messages-placards,.tag_messages) .fmc-thread-cover img {display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; border:0!important; border-radius:inherit!important; margin:0!important}
  :is(#falue-messages-placards,.tag_messages) .messages-recipients-list > .valign {
    position:relative!important; display:flex!important; align-items:center!important; gap:12px!important;
    min-height:var(--cc-avatar)!important; padding:0 0 0 10px!important; margin:12px 0 0!important;
    border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;
  }
  :is(#falue-messages-placards,.tag_messages) .messages-recipients-list .notification-user-avatar {
    position:relative!important; inset:auto!important; display:block!important; flex:0 0 var(--cc-avatar)!important; align-self:flex-start!important;
    width:var(--cc-avatar)!important; min-width:var(--cc-avatar)!important; max-width:var(--cc-avatar)!important;
    height:var(--cc-avatar)!important; min-height:var(--cc-avatar)!important; max-height:var(--cc-avatar)!important;
    margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; overflow:visible!important; transform:none!important;
  }
  :is(#falue-messages-placards,.tag_messages) .messages-recipients-list .notification-user-avatar > img {width:100%!important; height:100%!important; border-radius:50%!important; object-fit:cover!important}
  :is(#falue-messages-placards,.tag_messages) .messages-recipients-list > .fmc-row-presence {
    position:absolute!important; left:10px!important; right:auto!important; top:calc(10px + var(--cc-cover) + 12px + (var(--cc-avatar) - 22px)/2)!important;
    display:block!important; bottom:auto!important; width:4px!important; min-width:4px!important; max-width:4px!important;
    height:22px!important; min-height:22px!important; max-height:22px!important;
    border:0!important; border-radius:4px!important; translate:none!important; transform:none!important; margin:0!important; box-shadow:none!important;
  }
  :is(#falue-messages-placards,.tag_messages) .messages-recipients-list .notification-text {position:relative!important; flex:1!important; min-width:0!important; padding:0!important; margin:0!important; overflow:hidden!important}
  :is(#falue-messages-placards,.tag_messages) .notification-text > span.truncate {display:block!important; width:100%!important; padding:0 34px 0 0!important; font-size:16px!important; line-height:1.5!important; color:var(--falue-text,#242535)!important; box-sizing:border-box!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important}
  :is(#falue-messages-placards,.tag_messages) .messages-last-sent {position:absolute!important; top:2px!important; right:0!important; left:auto!important; font-size:10px!important; line-height:20px!important; color:var(--falue-text-secondary,#747886)!important}
  :is(#falue-messages-placards,.tag_messages) .header-message {display:block!important; max-width:100%!important; margin:3px 0 0!important; font-size:12px!important; line-height:1.5!important; color:var(--falue-text-secondary,#747886)!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important}

  /* Header/menu search has less horizontal room; same rhythm at compact scale. */
  .fl-search-row[data-fl-c3-kind="user"] {
    --cc-avatar:48px; --cc-cover:46px; position:relative!important; display:block!important;
    width:100%!important; min-width:0!important; height:auto!important; min-height:0!important;
    box-sizing:border-box!important; padding:10px!important; margin:0 0 12px!important; border-radius:20px!important;
  }
  .fl-search-row[data-fl-c3-kind="user"] > .fl-search-profile {
    display:grid!important; position:relative!important; inset:auto!important; grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:var(--cc-cover) minmax(60px,auto)!important; gap:12px 10px!important;
    width:100%!important; min-width:0!important; min-height:0!important; height:auto!important;
    padding:0!important; margin:0!important; border-radius:0!important; background:transparent!important; overflow:visible!important;
  }
  .fl-search-row[data-fl-c3-kind="user"] .fl-c3-cover {
    position:relative!important; inset:auto!important; display:block!important; grid-area:1 / 1 / 2 / -1!important;
    width:100%!important; height:var(--cc-cover)!important; margin:0!important; border:0!important; border-radius:12px!important; overflow:hidden!important; isolation:isolate;
  }
  .fl-search-row[data-fl-c3-kind="user"] .fl-c3-cover img {display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; border:0!important; border-radius:inherit!important}
  .fl-search-row[data-fl-c3-kind="user"] .search-user-avatar {
    grid-area:2 / 1!important; align-self:center!important; position:relative!important; inset:auto!important;
    width:var(--cc-avatar)!important; height:var(--cc-avatar)!important; min-width:var(--cc-avatar)!important;
    max-width:var(--cc-avatar)!important; min-height:var(--cc-avatar)!important; max-height:var(--cc-avatar)!important;
    margin:0 0 0 10px!important; padding:0!important; border:0!important; border-radius:50%!important; transform:none!important; overflow:visible!important;
  }
  .fl-search-row[data-fl-c3-kind="user"] .search-user-avatar > img {width:100%!important; height:100%!important; border-radius:50%!important; object-fit:cover!important}
  .fl-search-row[data-fl-c3-kind="user"] .fl-c3-person-text {
    grid-area:2 / 2!important; position:relative!important; inset:auto!important; align-self:center!important;
    box-sizing:border-box!important; width:100%!important; min-width:0!important; height:auto!important; padding:0 44px 0 0!important; margin:0!important;
    background:transparent!important; border-radius:0!important;
  }
  .fl-search-row[data-fl-c3-kind="user"] .search-user-name {font-size:13px!important; line-height:1.4!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important}
  .fl-search-row[data-fl-c3-kind="user"] :is(.fl-c3-handle,.fl-c3-detail) {display:block!important; font-size:10px!important; line-height:1.5!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important}
  .fl-search-row[data-fl-c3-kind="user"] > .fl-search-presence {
    position:absolute!important; left:10px!important; right:auto!important; top:calc(10px + var(--cc-cover) + 12px + 19px)!important;
    display:block!important; bottom:auto!important; width:4px!important; min-width:4px!important; max-width:4px!important;
    height:22px!important; min-height:22px!important; max-height:22px!important; margin:0!important;
    border:0!important; border-radius:4px!important; translate:none!important; transform:none!important; box-shadow:none!important;
  }
  .fl-search-row[data-fl-c3-kind="user"] > .fl-search-follow {position:absolute!important; inset:auto 8px 20px auto!important; width:44px!important; height:44px!important; padding:0!important; margin:0!important}
  .fl-search-row[data-fl-c3-kind="user"] .fl-search-follow button {width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; padding:0!important; margin:0!important; border-radius:50%!important}
  @media(max-width:600px) {.fx-people-cards:not([data-fpd-view="circles"]) {grid-template-columns:minmax(0,1fr)!important}}
  @media(min-width:1025px) {
    :is(#falue-messages-placards,.tag_messages) .notification-text > span.truncate {padding-right:0!important}
    :is(#falue-messages-placards,.tag_messages) .messages-last-sent {position:static!important; display:block!important; margin:3px 0 0!important; line-height:14px!important}
    :is(#falue-messages-placards,.tag_messages) .notification-text {display:flex!important; flex-direction:column!important}
    :is(#falue-messages-placards,.tag_messages) .messages-last-sent {order:3!important}
  }
}

@layer falue-compact-profile-cards {
 .fcf-card .fpd-portrait {overflow:visible!important}
 .fcf-card .fpd-presence {background:var(--falue-presence-neutral,#b6b8c4)!important}
 .fcf-card .fpd-presence[data-falue-presence="online"] {background:#00da85!important}
 .falue-people-grid,.fcf-suggestions-grid,.sidebar-users-may-know-container {
  display:grid!important; grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))!important;
  gap:16px!important; align-items:start!important; width:100%!important; margin:0!important; padding:0!important;
 }
 .falue-people-grid > .falue-person-row {
  display:block!important; width:100%!important; max-width:none!important; min-width:0!important;
  padding:0!important; margin:0!important; flex:none!important; float:none!important;
 }
 .fcf-suggestions {padding:16px!important; height:auto!important; max-height:none!important; overflow:visible!important}
 .fcf-suggestions .falue-circle-header {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin:0 0 14px!important;padding:0!important}
 .fcf-suggestions .falue-circle-header h2 {margin:0!important;font-size:18px!important;color:var(--falue-text,#242535)!important}
 .fcf-suggestions .falue-circle-refresh {display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;padding:11px!important;border:0!important;border-radius:50%!important;background:var(--falue-surface-soft,#f4f5f8)!important;color:var(--falue-text,#242535)!important}
 .fcf-suggestions .falue-circle-refresh::before,.fcf-suggestions .falue-circle-refresh::after {content:none!important}
 .fcf-suggestions .falue-circle-refresh svg {display:block!important;width:22px!important;height:22px!important}
 .fcf-suggestions.is-refreshing {opacity:1!important}
 .fcf-own-footer {grid-template-columns:1fr!important}
 .fcf-own-link {display:grid;place-items:center;min-height:44px;border-radius:999px;color:var(--falue-text,#242535);background:var(--falue-surface-soft,#f4f5f8)}
 .fcf-card a:focus-visible,.fcf-suggestions button:focus-visible {outline:2px solid var(--falue-accent,#661cff)!important;outline-offset:2px!important}
 @media(max-width:600px) {.falue-people-grid,.fcf-suggestions-grid {grid-template-columns:minmax(0,1fr)!important}}

 /* Inert placeholders mirror each final card; loaded content keeps its space. */
 .fcf-loading-host {position:relative!important;min-height:var(--fcf-loading-height,210px)!important}
 .fcf-loading-host > :not(.fcf-skeleton-layer) {visibility:hidden!important;pointer-events:none!important}
 .fcf-skeleton-layer {position:absolute!important;inset:0 0 auto!important;display:grid!important;grid-template-columns:var(--fcf-loading-columns,minmax(0,1fr))!important;gap:var(--fcf-loading-gap,16px)!important;width:100%!important;z-index:3!important;pointer-events:none!important}
 .fcf-skeleton-layer.fcf-append {position:relative!important;inset:auto!important;grid-column:1/-1!important}
 .fcf-skeleton {box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;grid-template-rows:76px 60px 54px!important;column-gap:12px!important;row-gap:0!important;padding:10px!important;width:100%!important;min-width:0!important;border-radius:22px!important;background:var(--falue-surface,#fff)!important;box-shadow:0 2px 8px #181b280f!important;overflow:hidden!important}
 .fcf-skeleton i {display:block!important;background:var(--falue-surface-soft,#eceef2)!important;animation:fcf-breathe 1.6s ease-in-out infinite!important}
 .fcf-skeleton .fcf-sk-cover {grid-area:1/1/2/-1;border-radius:14px;height:76px}
 .fcf-skeleton .fcf-sk-avatar {grid-area:2/1;width:72px;height:72px;margin:-12px 0 0 10px;border-radius:50%;outline:3px solid var(--falue-surface,#fff);z-index:1}
 .fcf-sk-text {grid-area:2/2;align-self:center;min-width:0;display:grid;gap:9px}
 .fcf-sk-text i {height:12px;border-radius:6px;width:78%}.fcf-sk-text i + i {width:55%;height:9px}
 .fcf-sk-footer {grid-area:3/1/4/-1;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-self:end;height:44px}
 .fcf-sk-footer i {border-radius:999px;height:44px}
 .fcf-skeleton[data-kind="nearby"] {grid-template-columns:74px minmax(0,1fr)!important;grid-template-rows:76px 64px 34px 44px!important;row-gap:12px!important}
 .fcf-skeleton[data-kind="nearby"] .fcf-sk-avatar {height:64px;width:64px;margin-top:0}
 .fcf-sk-stats {grid-area:3/1/4/-1;display:flex;justify-content:space-around;align-items:center;height:34px}.fcf-sk-stats i{height:12px;width:30%;border-radius:5px}
 .fcf-skeleton[data-kind="nearby"] .fcf-sk-footer {grid-row:4}
 .fcf-skeleton:is([data-kind="inbox"],[data-kind="search"]) {grid-template-columns:66px minmax(0,1fr)!important;grid-template-rows:56px 56px!important;row-gap:12px!important}
 .fcf-skeleton[data-kind="inbox"] {border:1px solid transparent!important}
 .fcf-skeleton:is([data-kind="inbox"],[data-kind="search"]) .fcf-sk-cover {height:56px}
 .fcf-skeleton:is([data-kind="inbox"],[data-kind="search"]) .fcf-sk-avatar {width:56px;height:56px;margin-top:0}
 .fcf-skeleton:is([data-kind="inbox"],[data-kind="search"]) .fcf-sk-footer {display:none}
 .fcf-skeleton[data-kind="search"] {grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:46px 60px!important;column-gap:10px!important;border-radius:20px!important}
 .fcf-skeleton[data-kind="search"] .fcf-sk-cover {height:46px;border-radius:12px}
 .fcf-skeleton[data-kind="search"] .fcf-sk-avatar {width:48px;height:48px;align-self:center}
 @keyframes fcf-breathe {50%{opacity:.55}}
 @media(prefers-reduced-motion:reduce) {.fcf-skeleton i {animation:none!important}}
}

@layer falue-compact-profile-cards {
 :is(.fx-person-card,.falue-ff-card,.fcf-card) .fpd-follow > span {
  display:block!important;position:static!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;
 }
 :is(.fx-person-card,.falue-ff-card,.fcf-card) .fpd-follow button {white-space:nowrap!important}
 :is(.fx-person-card,.falue-ff-card,.fcf-card) .fpd-follow button .button-text {width:auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important;display:block!important}
 :is(.fx-person-card,.falue-ff-card,.fcf-card) .fpd-follow button svg {display:block!important;flex:none!important}
 .fcf-card > .fpd-footer.fcf-own-footer {grid-template-columns:1fr!important}
 .fcf-skeleton[data-kind="search"] .fcf-sk-text {padding-right:44px}
 .fcf-skeleton .fcf-sk-search-action {position:absolute;right:8px;bottom:20px;width:44px;height:44px;border-radius:50%}
}

@layer falue-compact-profile-cards {
 :is(.fx-person-card,.falue-ff-card,.fcf-card) .fpd-follow button {max-width:none!important;box-sizing:border-box!important}
 :is(.fx-person-card,.falue-ff-card,.fcf-card) .fpd-follow > span {box-sizing:border-box!important;border:0!important}
}

@layer falue-compact-profile-cards {
 :is(.fx-person-card,.falue-ff-card,.fcf-card) .fpd-follow {display:block!important;padding:0!important;border:0!important;box-sizing:border-box!important}
 .falue-people-grid {grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))!important}
 @media(max-width:600px) {.falue-people-grid {grid-template-columns:minmax(0,1fr)!important}}
}

@layer falue-compact-profile-cards {
 @media(min-width:1025px) {.fcf-skeleton[data-kind="inbox"] {grid-template-rows:56px 65px!important}}
}

@layer falue-compact-profile-cards {.fcf-skeleton[data-kind="search"] {border:1px solid transparent!important}}

/* The desktop rail shows only complete, compact suggestions. The normal page
   and mobile discovery cards retain their existing flow and dimensions. */
@layer falue-compact-profile-cards {
 @media(min-width:1025px) {
  html body.fl-home-b .falue-people-sidebar {
   --fcs-visible:1;
   width:calc(var(--fl-b-people,250px) + 32px)!important;
   box-sizing:border-box!important;
   padding:12px!important;
   max-height:none!important;height:auto!important;
   overflow:visible!important;
   scrollbar-width:none!important;
  }
  html body.fl-home-b .falue-people-sidebar .falue-sidebar-people {width:100%!important;margin:0!important;padding:0!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-suggestions {width:100%!important;margin:0!important;padding:0!important;}
  html body.fl-home-b .falue-people-sidebar .falue-circle-header {gap:10px!important;margin-bottom:12px!important;}
  html body.fl-home-b .falue-people-sidebar .falue-circle-header h2 {font-size:16px!important;line-height:22px!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-suggestions-grid {grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-card.fcf-card {
   --cc-avatar:56px;--cc-cover:56px;
   grid-template-columns:66px minmax(0,1fr)!important;
   grid-template-rows:56px 44px 52px!important;
   column-gap:10px!important;row-gap:0!important;
   padding:10px!important;
  }
  html body.fl-home-b .falue-people-sidebar .fcf-card.fcf-card > .fpd-portrait {align-self:start!important;margin:-12px 0 0 10px!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-card.fcf-card > .fpd-main {min-height:44px!important;height:44px!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-card.fcf-card .fpd-name {font-size:14px!important;line-height:20px!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-card.fcf-card .fpd-handle {font-size:11px!important;line-height:16px!important;margin-top:1px!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-card.fcf-card > .fpd-footer {grid-row:3!important;align-self:end!important;gap:10px!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-card.fcf-card > .fpd-footer::before {
   border-radius:0!important;
   -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)!important;
   mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)!important;
  }
  /* Skeletons occupy exactly the same rows and count as the cards they replace. */
  html body.fl-home-b .falue-people-sidebar .fcf-skeleton {
   grid-template-columns:66px minmax(0,1fr)!important;
   grid-template-rows:56px 44px 52px!important;
   column-gap:10px!important;row-gap:0!important;
  }
  html body.fl-home-b .falue-people-sidebar .fcf-skeleton .fcf-sk-cover {height:56px!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-skeleton .fcf-sk-avatar {width:56px!important;height:56px!important;margin-top:-12px!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-skeleton-layer {gap:12px!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-loading-host {min-height:calc(var(--fcs-visible) * 184px - 12px)!important;}
  html body.fl-home-b .falue-people-sidebar .fcf-suggestions-grid > .fcf-card:nth-of-type(n+2),
  html body.fl-home-b .falue-people-sidebar .fcf-skeleton-layer > .fcf-skeleton:nth-child(n+2) {display:none!important;}
 }
 @media(min-width:1025px) and (min-height:540px) {
  html body.fl-home-b .falue-people-sidebar {--fcs-visible:2;}
  html body.fl-home-b .falue-people-sidebar .fcf-suggestions-grid > .fcf-card:nth-of-type(2),
  html body.fl-home-b .falue-people-sidebar .fcf-skeleton-layer > .fcf-skeleton:nth-child(2) {display:grid!important;}
 }
 @media(min-width:1025px) and (min-height:740px) {
  html body.fl-home-b .falue-people-sidebar {--fcs-visible:3;}
  html body.fl-home-b .falue-people-sidebar .fcf-suggestions-grid > .fcf-card:nth-of-type(3),
  html body.fl-home-b .falue-people-sidebar .fcf-skeleton-layer > .fcf-skeleton:nth-child(3) {display:grid!important;}
 }
}

/* One downward-cast footer fade for every profile-placard surface.
   Keep the upper edge straight and feather the sides, not an upward oval. */
@layer falue-compact-profile-cards {
 :root {--fcf-footer-shadow:rgba(32,34,54,.075);}
 html:is(.falue-night-mode,.falue-rating-night-mode,[data-theme="dark"],#night-mode),
 body[data-falue-ambient-theme="dark"] {--fcf-footer-shadow:rgba(0,0,0,.22);}
 :is(.fx-person-card,.falue-ff-card,.fcf-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-footer::before,
 :is(#falue-messages-placards,.tag_messages) .messages-recipients-list > .valign::before,
 .fl-search-row[data-fl-c3-kind="user"] > .fl-search-profile::before,
 .fcf-sk-footer::before {
  content:""!important; display:block!important; position:absolute!important;
  left:0!important; right:0!important; top:-8px!important; bottom:auto!important;
  width:auto!important; height:6px!important; border:0!important; border-radius:0!important;
  background:linear-gradient(to bottom,var(--fcf-footer-shadow),transparent)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)!important;
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)!important;
  box-shadow:none!important; filter:none!important; transform:none!important;
  pointer-events:none!important;
 }
 .fl-search-row[data-fl-c3-kind="user"] > .fl-search-profile::before {top:calc(var(--cc-cover) + 4px)!important;}
 :is(.fx-person-card,.falue-ff-card,.fcf-card):not(.fpd-list[data-fpd-view="circles"] *) > .fpd-footer::after {content:none!important;display:none!important;}
}