.presence-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#98a1ae;box-shadow:0 0 0 3px #98a1ae18}
.presence-dot.online{background:#12a879;box-shadow:0 0 0 3px #12a87918}
.presence-dot.busy{background:#e49322;box-shadow:0 0 0 3px #e493221c}
.presence-dot.offline{background:#8f99a7;box-shadow:0 0 0 3px #8f99a71c}
.presence-button{height:31px;display:inline-flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #e1e5eb;border-radius:8px;background:#fff;color:#454b55;font-size:12px;white-space:nowrap}
.presence-button:hover{background:#f7f8fa;border-color:#d4d9e1}
.presence-button .icon{width:13px;height:13px;color:#8b93a0}
.presence-button.compact{width:31px;min-width:31px;justify-content:center;padding:0;border-color:transparent;background:transparent}
.presence-button.compact:hover{background:#f1f2f4}
.presence-button.compact>span,.presence-button.compact>.icon{display:none}
.sidebar-account small{display:flex!important;align-items:center;gap:7px}
.profile-presence-row{width:100%;display:flex;align-items:center;gap:12px;margin:13px 0 10px;padding:11px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;color:#25272b;text-align:left}
.profile-presence-row:hover{background:#f4f5f6;border-color:#d8dce2}
.profile-presence-row>span{min-width:0;flex:1}
.profile-presence-row b,.profile-presence-row small{display:block}
.profile-presence-row b{font-size:13px;font-weight:600}
.profile-presence-row small{margin-top:2px;color:#737b87;font-size:11px}
.profile-presence-row>.icon{width:15px;height:15px;color:#8d95a2}
.presence-dialog-intro{margin:0 0 14px;color:#626b78;font-size:13px;line-height:1.7}
.presence-options{display:grid;gap:8px}
.presence-option{width:100%;display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid #e3e6eb;border-radius:11px;background:#fff;color:#25272b;text-align:left}
.presence-option:hover{background:#f8f9fa;border-color:#cfd5dd}
.presence-option.selected{border-color:#91bfff;background:#f5f9ff;box-shadow:0 0 0 2px #2684ff12}
.presence-option>span{min-width:0;flex:1}
.presence-option b,.presence-option small{display:block}
.presence-option b{font-size:14px;font-weight:650}
.presence-option small{margin-top:3px;color:#727b88;font-size:12px}
.presence-option>.icon{width:17px;height:17px;color:#2684ff}
.presence-dialog .notice{margin-top:14px}
@media(max-width:760px){.workspace-topbar .presence-button{display:inline-flex}.presence-dialog-intro{font-size:12px}.presence-option{padding:12px}.presence-option small{font-size:11px}}