/* Fase 5H: estilos específicos del directorio y perfil, sin alterar las cabeceras ni tarjetas de anuncios. */
#member-grid.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#member-grid .member{min-width:0;padding:16px 18px;border:1px solid #dde6e1;border-radius:14px;background:#fff}
#member-grid .member-avatar,.user-card .user-avatar{display:grid;place-items:center;overflow:hidden;width:56px;height:56px;border-radius:50%;background:#17614f;color:white;font-size:21px;font-weight:700}
#member-grid .member-avatar img,.user-card .user-avatar img{width:100%;height:100%;object-fit:cover}
#member-grid .member h2{margin:9px 0 4px;font-size:18px;overflow-wrap:anywhere}
#member-grid .member small,#member-grid .member p{display:block;color:#53675f;overflow-wrap:anywhere}
#member-grid .member p{margin:7px 0 10px;line-height:1.48}
#member-grid .member a{display:inline-flex;align-items:center;text-decoration:none}
#member-search.member-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;margin:0 0 22px}
#member-search input{min-width:0;padding:12px 14px;border:1px solid #cbd9d2;border-radius:10px;font:inherit;background:white}
#member-search button{min-height:44px}
#member-pagination.cme-members-pagination{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:20px 0}
#member-pagination[hidden]{display:none}
#member-pagination button{min-width:42px;padding:10px 12px;border:1px solid #cbd9d2;border-radius:9px;background:#fff;cursor:pointer}
#member-pagination button[aria-current="page"]{background:#17614f;color:white;border-color:#17614f}
#member-pagination button:disabled{cursor:default;opacity:.55}
.cme-directory-feedback{padding:18px;border:1px solid #d9e5df;border-radius:12px;background:#f5f9f6;color:#23463b}
#member-grid .cme-directory-feedback{grid-column:1/-1}
#user-profile.user-card{padding:22px;border:1px solid #dce5e0;border-radius:16px;background:white;min-height:160px}
#user-profile .cme-public-profile-head{display:flex;gap:18px;align-items:center}
#user-profile .user-avatar{flex:0 0 74px;width:74px;height:74px;font-size:28px}
#user-profile .user-head h2{margin:0 0 6px}
#user-profile .user-head p,#user-profile .user-head small{color:#526b64}
#user-profile .cme-public-profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}
#user-profile .cme-member-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
#user-profile .cme-directory-dm,#user-profile .cme-directory-report{display:grid;gap:12px;margin:12px 0}
#user-profile .cme-directory-dm[hidden],#user-profile .cme-directory-report[hidden]{display:none}
#user-profile .cme-directory-dm textarea,#user-profile .cme-directory-report textarea{width:100%;min-height:105px;padding:12px;border:1px solid #cbd9d2;border-radius:10px;font:inherit}
#user-profile .cme-directory-dm button,#user-profile .cme-directory-report button{justify-self:start}
#user-profile .cme-member-notice{color:#235646;min-height:1em}
#user-profile .cme-profile-posts{margin-top:22px}
#user-profile .cme-profile-post{border-top:1px solid #e0e9e4;padding:12px 0}
#user-profile .cme-profile-post h4{margin:0 0 5px}
#user-profile .cme-profile-post p{margin:4px 0;color:#526b64;overflow-wrap:anywhere}
#member-grid [aria-busy="true"],#user-profile[aria-busy="true"]{opacity:.75}
@media(max-width:750px){#member-grid.member-grid{grid-template-columns:1fr}#member-search.member-search{grid-template-columns:1fr}#user-profile.user-card{padding:16px}}