#notification-bell{position:relative;min-width:44px;min-height:44px;padding:8px 12px;border-radius:999px;flex:none}.unread-count{display:inline-block;margin-left:4px;border-radius:999px;background:#d9fb79;color:#0c291f;font-size:12px;padding:2px 5px}.person-identity{display:flex;align-items:center;gap:12px;margin-bottom:12px;min-width:0}.person-identity>div{min-width:0;overflow-wrap:anywhere}.person-identity small{display:block;color:#b6cdbf;margin-top:5px}.person-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;background:#365d40;color:#dcf4b3;border-radius:50%;overflow:hidden;font-size:18px;font-weight:700}.person-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:20px 0}.person-card,.notification-card{padding:18px;border:1px solid #365e4e;border-radius:20px;background:#102d23;overflow-wrap:anywhere}.person-card button,.community-groups button,.notification-card button{margin-top:10px;min-height:44px}.connection-status{display:inline-block;padding:5px 10px;border-radius:999px;background:#2b4d35;color:#dcf4b3;font-size:13px}.notification-card{margin:14px 0}.notification-card.unread{border-color:#afd96a;background:#193a2b}.notification-card h2{font-size:19px}.notification-card time{display:block;color:#b6cdbf;font-size:13px;margin:12px 0}.notification-optin{margin-top:24px;padding:20px;background:#193a2b;border-radius:20px}.notification-optin h2{font-size:20px}.notification-optin button{margin:8px 8px 0 0}.community-groups{border-top:1px solid #365e4e;padding-top:20px;margin-top:24px}#page-connections>section{margin:24px 0;padding-top:12px;border-top:1px solid #365e4e}.community-search label{display:block;margin:14px 0}.community-search input{display:block;width:100%;box-sizing:border-box;margin:10px 0}.avatar-settings{margin:20px 0;padding:18px;border-radius:20px;background:#193a2b}.avatar-settings label{display:block}.avatar-settings input{display:block;max-width:100%;box-sizing:border-box;font-size:14px;margin:12px 0}.avatar-settings small{display:block}.athlete-preview{margin:12px 0}@media(max-width:480px){#notification-bell{margin-left:auto}.person-card button,.notification-card button,.community-groups button,.notification-optin button{width:100%}.community-search{min-width:0}#page-connections>section{min-width:0}.people-grid{grid-template-columns:minmax(0,1fr)}}
.product-page .person-card,.product-page .notification-card{padding:18px;box-sizing:border-box}#notification-bell{width:44px!important;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px}.unread-count{position:absolute;top:-5px;right:-4px;margin:0;min-width:15px;text-align:center}@media(max-width:480px){.top{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:8px!important}.top .brand{grid-column:1;grid-row:1}.top .language-control{grid-column:2;grid-row:1;margin:0}.top #notification-bell{grid-column:3;grid-row:1;margin:0}.top .brand small{font-size:11px}.top .brand{font-size:20px}.top .language-control select{max-width:105px;padding:8px}.top:has(#notification-bell[hidden]){grid-template-columns:minmax(0,1fr) auto}.top #notification-bell[hidden]{display:none}}
