.nav-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.nav-icon-wrap>.icon{width:22px;height:22px}
.activity-badge{position:absolute;top:-9px;right:-12px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:10px;padding:0 4px;background:#f793b6;color:#351323;border:2px solid #211520;font-size:10px;font-weight:800;line-height:1;box-sizing:content-box}
.activity-badge[hidden]{display:none}.activity-story-badge{width:8px;min-width:8px;height:8px;padding:0;top:-2px;right:-4px;background:#edc78c}
.activity-nav-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.presence-panel{min-width:0}.presence-panel .field{margin-top:16px}.presence-panel .field input,.presence-panel .field select{font-size:16px;min-height:46px}
.presence-panel .switch{min-width:46px;min-height:44px}.presence-panel .btn{min-height:44px;font-size:12px}
.presence-panel .setting-row{gap:18px}.presence-panel .setting-row>div{min-width:0}.presence-panel .setting-row small{line-height:1.65}
.presence-status{padding:12px 14px;background:#f292b611;border:1px solid #f292b630;border-radius:10px;font-size:13px;line-height:1.65}
.presence-details{margin-top:18px}.presence-details summary{min-height:44px;cursor:pointer;padding:10px 0;font-size:13px}.presence-details summary span{color:var(--rose);margin-left:8px}
.presence-people{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}.presence-people>li{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;border-top:1px solid #bda9b822;min-width:0}
.presence-person{display:flex;align-items:center;gap:11px;flex:1 1 150px;min-width:0}.presence-person .avatar{width:42px;height:42px;flex-shrink:0}.presence-person>div{min-width:0}.presence-person strong{display:block;font-size:14px;overflow-wrap:anywhere}.presence-person small,.presence-link-state small{display:block;color:var(--muted);font-size:11px;line-height:1.7}
.presence-row-actions{display:flex;gap:8px;flex-wrap:wrap}.presence-search{display:flex;gap:10px;align-items:end}.presence-search .field{flex:1;min-width:0}.presence-search .btn{margin-bottom:0;flex-shrink:0}
.presence-link-state{flex:1 1 130px}.presence-link-state strong{font-size:12px}.presence-link>.presence-row-actions{flex-basis:100%}.presence-empty{font-size:12px;line-height:1.8;color:var(--muted)}
.presence-confirm{border-color:#f292b666}.presence-confirm .check-label{margin:16px 0;line-height:1.8}.presence-confirm .check-label input{flex-shrink:0}.presence-feedback{font-size:13px;line-height:1.8}.presence-feedback:empty{display:none}.presence-feedback.is-error{color:var(--danger)}
.presence-panel :focus-visible{outline:3px solid #efd5a8;outline-offset:3px}.toast{pointer-events:none}
@media(max-width:500px){.presence-search{align-items:stretch;flex-wrap:wrap}.presence-search .field{flex-basis:100%}.presence-search .btn{width:100%}.presence-row-actions{width:100%}.presence-row-actions .btn{flex:1 1 130px}.presence-person{flex-basis:100%}.presence-people>li{gap:10px}.bottom-nav .nav-icon-wrap>.icon{width:21px;height:21px}.activity-badge{top:-7px;right:-12px}.activity-story-badge{top:-2px;right:-4px}}
@media(prefers-reduced-motion:reduce){.activity-badge{animation:none;transition:none}}