/* Shared member profile pictures: use actual stored images, never initials when an image exists. */
[data-naboro-avatar-user-id]{overflow:hidden;display:grid;place-items:center;flex-shrink:0}
[data-naboro-avatar-user-id] img[data-member-avatar]{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;max-width:none}
.npmProfileCard{border-radius:14px;border:1px solid #d2dfec;overflow:hidden;background:white;position:relative;margin:6px 0 16px}
.npmBanner{height:132px;background:linear-gradient(135deg,#17345d,#87abd3);overflow:hidden}
.npmBanner img{width:100%;height:100%;object-fit:cover;display:block}
.npmIdentity{display:flex;align-items:center;gap:13px;min-height:65px;padding:6px 15px 13px;overflow:visible;color:#163760;font-size:17px}
.npmAvatar{width:70px;height:70px;min-width:70px;border-radius:50%;font-size:25px;font-weight:800;background:#e4edf8;color:#17345d;border:4px solid white;margin-top:-35px;box-shadow:0 1px 5px #1c3a6022}
.npmManage{display:grid;gap:10px;margin:12px 0}
.npmPhotoControl{font-size:13px;font-weight:700;display:block;color:#19385c}
.npmPhotoControl input{font-size:12px;display:block;width:100%;margin-top:5px;background:white;padding:8px 6px;border:1px solid #c5d4e6;border-radius:8px}
.npmRemove{width:max-content;border:0;background:transparent;text-decoration:underline;color:#345d89;font-size:12px;padding:2px 0}
.npmHelp{font-size:12px;line-height:1.5;color:#50627a;margin:2px 0 12px}
.npmOnboarding{margin-top:18px;padding:15px;border:1px solid #d2dfea;border-radius:15px;background:#f9fbff}
.npmOnboarding .npmBanner{height:93px}
.npmOnboarding .npmAvatar{width:60px;height:60px;min-width:60px;font-size:23px}
.npAvatar[data-naboro-avatar-user-id] img,.avatar[data-naboro-avatar-user-id] img{border-radius:50%}
.npMemberBanner{height:150px;border-radius:13px 13px 0 0;overflow:hidden;background:linear-gradient(130deg,#17345d,#80a0c8);margin-bottom:12px}
.npMemberBanner img{width:100%;height:100%;object-fit:cover}

.npmNavAvatar[data-naboro-avatar-user-id] img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.npmPostAvatarButton{padding:0;border:0;cursor:pointer}
.npmPostAvatarButton:focus-visible,.npmAuthorBtn:focus-visible{outline:2px solid #17345d;outline-offset:2px}
.npmAuthorBtn{border:0;padding:0;margin:0;background:none;text-align:left;font-weight:700;font-size:14px;color:inherit;cursor:pointer}
.npmAuthorBtn:hover{text-decoration:underline}
.npmMobileAvatar[data-naboro-avatar-user-id]{width:32px;height:32px;border-radius:50%;overflow:hidden;display:grid;place-items:center}
.npmMobileAvatar[data-naboro-avatar-user-id] img{width:100%;height:100%;object-fit:cover}

/* Earlier Naboro profile layout, with saved banner visible only when present. */
.npmProfileBannerCompact:empty{display:none}
.npmProfileBannerCompact:not(:empty){height:130px;overflow:hidden;border-radius:12px 12px 0 0;margin-bottom:0}
.npmProfileBannerCompact img{width:100%;height:100%;object-fit:cover;display:block}
.npmProfileBannerCompact:not(:empty)+.npCard{border-radius:0 0 12px 12px}
.npAvatar[data-naboro-avatar-user-id]{overflow:hidden;display:grid;place-items:center;flex-shrink:0}
.npAvatar[data-naboro-avatar-user-id] img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}