.bffs-suggestions-container .bffs-suggestions-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px;margin:20px 0}@media (max-width:768px){.bffs-suggestions-container .bffs-suggestions-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.bffs-suggestions-container .bffs-suggestions-grid{grid-template-columns:1fr!important}}.bffs-suggestions-container{--bffs-card-radius:12px;--bffs-card-shadow:0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.05);--bffs-card-shadow-hover:0 8px 24px rgba(0, 0, 0, 0.10);--bffs-card-border:var(--bx-color-border, var(--reign-site-border-color, rgba(0, 0, 0, 0.06)));--bffs-card-bg:var(--bx-color-bg-elevated, var(--reign-site-sections-bg-color, #fff));--bffs-text-primary:var(--bx-color-fg, var(--reign-site-body-text-color, #111827));--bffs-text-secondary:var(--bx-color-fg-muted, var(--reign-site-alternate-text-color, #6b7280));--bffs-accent:var(--bx-color-accent, var(--reign-colors-theme, #2563eb));--bffs-accent-hover:var(--bx-color-link-hover, var(--reign-site-link-hover-color, #1d4ed8));--bffs-accent-soft:#eff6ff;--bffs-muted-bg:var(--bx-color-bg-subtle, var(--reign-site-secondary-bg-color, #f3f4f6));--bffs-muted-bg-hover:var(--bx-color-bg-muted, var(--reign-site-bg-color, #e5e7eb));--bffs-muted-text:var(--bx-color-fg-muted, var(--reign-site-alternate-text-color, #374151));--bffs-transition:240ms cubic-bezier(0.4, 0, 0.2, 1)}html.dark-mode .bffs-suggestions-container,body.dark-mode .bffs-suggestions-container,body.dark-scheme .bffs-suggestions-container,html.dark .bffs-suggestions-container,[data-theme="dark"] .bffs-suggestions-container,.buddyx-dark-mode .bffs-suggestions-container,.bb-dark-mode .bffs-suggestions-container{--bffs-card-bg:#1f2430;--bffs-card-border:#3a4253;--bffs-text-primary:#e4e4e7;--bffs-text-secondary:#b4b4b8;--bffs-muted-text:#b4b4b8;--bffs-muted-bg:#262c3a;--bffs-muted-bg-hover:#3a4253}.bffs-suggestions-container .bffs-suggestion-card{background:var(--bffs-card-bg,#fff)!important;border:1px solid var(--bffs-card-border,rgb(0 0 0 / .06))!important;border-radius:var(--bffs-card-radius,12px)!important;box-shadow:var(--bffs-card-shadow,0 1px 3px rgb(0 0 0 / .04),0 4px 12px rgb(0 0 0 / .05))!important;padding:18px 16px!important;transition:box-shadow var(--bffs-transition,240ms cubic-bezier(.4,0,.2,1)),transform var(--bffs-transition,240ms cubic-bezier(.4,0,.2,1))!important}.bffs-suggestions-container .bffs-suggestion-card:hover{box-shadow:var(--bffs-card-shadow-hover,0 8px 24px rgb(0 0 0 / .1))!important;transform:translateY(-2px)}.bffs-suggestions-container .bffs-suggestion-avatar{width:96px!important;height:96px!important;margin:0 auto 12px!important;border-radius:50%!important;overflow:hidden;border:3px solid #fff;box-shadow:0 2px 6px rgb(0 0 0 / .08),0 0 0 1px rgb(0 0 0 / .04);transition:transform var(--bffs-transition,240ms cubic-bezier(.4,0,.2,1))}.bffs-suggestions-container .bffs-suggestion-card:hover .bffs-suggestion-avatar{transform:scale(1.04)}.bffs-suggestions-container .bffs-suggestion-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;border:0!important}.bffs-suggestions-container .bffs-suggestion-info{text-align:center}.bffs-suggestions-container .bffs-suggestion-name{font-size:15px!important;font-weight:600!important;color:var(--bffs-text-primary,#111827)!important;margin-bottom:6px!important}.bffs-suggestions-container .bffs-suggestion-name a{color:inherit;text-decoration:none;transition:color var(--bffs-transition,240ms cubic-bezier(.4,0,.2,1))}.bffs-suggestions-container .bffs-suggestion-name a:hover{color:var(--bffs-accent,#2563eb)}.bffs-suggestions-container .bffs-match-score{display:inline-block;padding:3px 10px;margin:0 0 10px;background:var(--bffs-accent-soft,#eff6ff);color:var(--bffs-accent,#2563eb);border-radius:999px;font-size:12px!important;font-weight:600!important}.bffs-suggestions-container .bffs-suggestion-actions{display:flex;flex-direction:column;gap:6px;margin-top:10px}.bffs-suggestions-container .bffs-suggestion-actions .friendship-button a,.bffs-suggestions-container .bffs-suggestion-actions .friendship-button button,.bffs-suggestions-container .bffs-suggestion-actions .follow-button a,.bffs-suggestions-container .bffs-suggestion-actions .follow-button button{background:var(--bffs-accent,#2563eb)!important;border:1px solid var(--bffs-accent,#2563eb)!important;color:#fff!important;font-weight:500!important;border-radius:8px!important;padding:8px 14px!important;width:100%;text-align:center;transition:background var(--bffs-transition,240ms cubic-bezier(.4,0,.2,1)),transform var(--bffs-transition,240ms cubic-bezier(.4,0,.2,1)),box-shadow var(--bffs-transition,240ms cubic-bezier(.4,0,.2,1))}.bffs-suggestions-container .bffs-suggestion-actions .friendship-button a:hover,.bffs-suggestions-container .bffs-suggestion-actions .friendship-button button:hover,.bffs-suggestions-container .bffs-suggestion-actions .follow-button a:hover,.bffs-suggestions-container .bffs-suggestion-actions .follow-button button:hover{background:var(--bffs-accent-hover,#1d4ed8)!important;border-color:var(--bffs-accent-hover,#1d4ed8)!important;transform:translateY(-1px);box-shadow:0 4px 10px rgb(37 99 235 / .25)}.bffs-suggestions-container .bffs-suggestion-actions button.bffs-dismiss-suggestion{background:var(--bffs-muted-bg,#f3f4f6)!important;border:1px solid var(--bffs-muted-bg,#f3f4f6)!important;color:var(--bffs-muted-text,#374151)!important;font-weight:500!important;border-radius:8px!important;padding:8px 14px!important;width:100%;transition:background var(--bffs-transition,240ms cubic-bezier(.4,0,.2,1))}.bffs-suggestions-container .bffs-suggestion-actions button.bffs-dismiss-suggestion:hover{background:var(--bffs-muted-bg-hover,#e5e7eb)!important}.bffs-suggestions-container.bffs-layout-list .bffs-suggestion-card{text-align:left}.bffs-suggestions-container.bffs-layout-list .bffs-suggestion-avatar{width:60px!important;height:60px!important;margin:0 15px 0 0!important}.bffs-suggestions-container .bffs-suggestion-actions button:focus-visible,.bffs-suggestions-container .bffs-suggestion-actions a:focus-visible{outline:2px solid var(--bffs-accent,#2563eb);outline-offset:2px}