/* users-grid.css — estilos del directorio de amigos (ES/CG) */
:root{
  --rda-blue:#2e467b; --rda-blue-dark:#223459;
  --rda-orange:#f16d10; --rda-orange-dark:#d85f0e;
}
.rda-wrap{max-width:1100px;margin:0 auto}
.rda-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.rda-search{display:flex;gap:8px;align-items:center}
.rda-input{
  background:#fff;border:1.5px solid var(--rda-blue);color:#222;border-radius:10px;
  padding:10px 12px;min-width:220px;box-shadow:0 2px 8px rgba(0,0,0,.06)
}
.rda-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.rda-card{
  display:flex;gap:10px;align-items:center;
  background:#0b1222;border:1px solid #243148;border-radius:12px;padding:12px
}
.rda-avatar{width:48px;height:48px;border-radius:999px;overflow:hidden;flex:0 0 48px}
.rda-avatar img{width:100%;height:100%;object-fit:cover}
.rda-name{font-weight:700;color:#e5e7eb;line-height:1.2}
.rda-meta{font-size:12px;color:#94a3b8}
.rda-actions{margin-left:auto}
.rda-btn{
  appearance:none;border:1px solid #3653bb;background:linear-gradient(180deg,#1d4ed8,#1e40af);
  color:#fff;border-radius:8px;padding:6px 10px;font-weight:700;text-decoration:none;
  display:inline-flex;align-items:center;gap:6px
}
.rda-pagination{margin-top:12px;display:flex;gap:10px;align-items:center}
.rda-pagination .rda-btn{
  background:var(--rda-orange);border:1px solid var(--rda-orange-dark)
}

/* Opcional: tema claro de pestaña “amigos” (si tu tema usa .tab-content#amigos) */
.tab-content#amigos .rda-card{
  background:linear-gradient(180deg,var(--rda-blue),#2a3f6f);
  color:#fff;border:1px solid var(--rda-blue-dark);border-radius:14px;
  box-shadow:0 8px 22px rgba(0,0,0,.18);transition:.15s ease;
}
.tab-content#amigos .rda-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22);border-color:#1d2a49}
.tab-content#amigos .rda-name{color:#fff}
.tab-content#amigos .rda-meta{color:rgba(255,255,255,.85)}
.tab-content#amigos .rda-avatar img{border-radius:999px;border:3px solid rgba(255,255,255,.35);box-shadow:0 2px 10px rgba(0,0,0,.25)}
.tab-content#amigos .rda-btn{background:var(--rda-orange);border:1px solid var(--rda-orange-dark);color:#fff !important}
.tab-content#amigos .rda-btn:hover{background:var(--rda-orange-dark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.18)}