.user-chip{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border:1px solid #dce4ef;border-radius:999px;background:#fff;color:#0f172a;max-width:300px;box-shadow:0 3px 12px rgba(15,23,42,.05);font:inherit;font-size:.9rem;cursor:pointer;}
.user-chip:hover{border-color:#2563eb;background:#f8fafc;}
.user-chip:focus-visible{outline:3px solid #2563eb;outline-offset:3px;}
.user-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e2e8f0;}
.user-initials{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;font-weight:700;}
.user-chip-name{max-width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.user-dropdown{min-width:255px;max-width:min(330px,calc(100vw - 24px));border:1px solid #e2e8f0;border-radius:14px;padding:8px 0;box-shadow:0 14px 35px rgba(15,23,42,.14);z-index:1050;}
.user-avatar-large{width:72px;height:72px;font-size:1.4rem;}
@media(max-width:575.98px){.user-chip-name{display:none;}.user-chip{padding-right:9px;}.brand-words{font-size:.8rem;}.site-header .topbar .btn{font-size:.75rem;padding:.4rem .55rem;}}