.connection-badge.svelte-17690fg{position:relative;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;transition:all .2s ease;border:1px solid}.connection-badge.compact.svelte-17690fg{padding:.25rem .5rem}.badge-connected.svelte-17690fg{background:#d1fae5;color:#065f46;border-color:#10b981}.badge-disconnected.svelte-17690fg{background:#fee2e2;color:#991b1b;border-color:#ef4444}.badge-icon.svelte-17690fg{font-size:.875rem;line-height:1}.badge-label.svelte-17690fg{line-height:1}.pulse-dot.svelte-17690fg{width:.375rem;height:.375rem;background:#10b981;border-radius:50%;animation:svelte-17690fg-pulse-badge 2s infinite}@keyframes svelte-17690fg-pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.user-status-card.svelte-eab71i{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:visible}.user-status-card.clickable.svelte-eab71i{cursor:pointer}.user-status-card.clickable.svelte-eab71i:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#667eea}.user-status-card.svelte-eab71i:focus{outline:none;box-shadow:0 0 0 3px #667eea4d}.user-status-card.svelte-eab71i:focus-visible{outline:2px solid #667eea;outline-offset:2px}.avatar-container.svelte-eab71i{position:relative;flex-shrink:0}.avatar-image.svelte-eab71i,.avatar-placeholder.svelte-eab71i{width:3.5rem;height:3.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder.svelte-eab71i{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.status-dot.svelte-eab71i{position:absolute;bottom:0;right:0;width:1rem;height:1rem;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000001a}.status-dot.status-active.svelte-eab71i{background:#10b981;animation:svelte-eab71i-pulse-green 2s infinite}.status-dot.status-inactive.svelte-eab71i{background:#f59e0b}.status-dot.status-no_activity.svelte-eab71i{background:#6b7280}.status-dot.status-disconnected.svelte-eab71i{background:#ef4444}@keyframes svelte-eab71i-pulse-green{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 6px #10b98100}}.user-info.svelte-eab71i{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.user-name.svelte-eab71i{font-size:1rem;font-weight:600;color:#1f2937;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email.svelte-eab71i{font-size:.875rem;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-badges.svelte-eab71i{display:flex;gap:.5rem;margin-top:.5rem}.status-info.svelte-eab71i{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.status-badge.svelte-eab71i{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid;white-space:nowrap}.last-activity.svelte-eab71i{font-size:.75rem;color:#6b7280;white-space:nowrap}@media (max-width: 640px){.user-status-card.svelte-eab71i{flex-direction:column;align-items:flex-start}.status-info.svelte-eab71i{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}