.hubibu-presence[hidden]{display:none!important}.hubibu-presence{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;min-height:44px}.hubibu-presence .presence-summary{font-weight:600;color:var(--ink,#24272b)}.presence-avatars{display:flex;align-items:center;gap:6px}.presence-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;min-height:38px;border-radius:50%;background:#e5edf4;color:#102d4e;border:2px solid white;font-size:12px;font-weight:700;overflow:visible}.presence-avatar img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.presence-avatar:after{content:'';position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid white;border-radius:50%;background:#288657}.presence-avatar.idle:after{background:#b67a19}.hubibu-presence button{min-height:36px}.presence-dialog{width:min(540px,calc(100vw - 32px));max-height:80vh;padding:22px;border:1px solid #d8dfe3;border-radius:12px;color:#24272b;background:white}.presence-dialog::backdrop{background:#102d4e66}.presence-dialog .presence-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.presence-dialog h2{margin:0;font-size:20px}.presence-dialog input{width:100%;margin:16px 0}.presence-person{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f2}.presence-person>div{min-width:0}.presence-person strong,.presence-person small{display:block;overflow-wrap:anywhere}.presence-person small{color:#59636c}.presence-dialog .presence-more{margin-top:12px}.presence-help{font-size:12px;color:#59636c;margin:0}