.researcher-navbar{background:var(--detail-surface,#fff);border-bottom:1px solid var(--detail-border,#e2e8f0);flex-shrink:0;width:100%;padding:12px 0}[data-theme=dark] .researcher-navbar{--detail-surface:var(--bg-secondary,#1a2235);--detail-border:#ffffff14}.researcher-navbar-container{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;align-items:stretch;gap:12px;padding:0 20px;display:flex;overflow-x:auto}.researcher-navbar-container::-webkit-scrollbar{display:none}.researcher-nav-back-btn{background:var(--detail-surface,#fff);border:1px solid var(--detail-border,#e2e8f0);width:44px;min-height:56px;color:var(--color-text-main);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex}.researcher-nav-back-btn:hover{color:#f59e0b;border-color:#f59e0b}.researcher-nav-card{border:1px solid var(--detail-border,#e2e8f0);background:var(--nav-card-bg,#f8fafc);cursor:pointer;text-align:start;border-radius:14px;flex:1 1 0;align-items:center;gap:10px;min-width:200px;max-width:280px;padding:10px 14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.researcher-nav-card--rank-1{--nav-card-bg:#fff7ed;--nav-avatar-bg:#f59e0b38;--nav-avatar-fg:#c2410c}.researcher-nav-card--rank-2{--nav-card-bg:#eff6ff;--nav-avatar-bg:#93c5fd73;--nav-avatar-fg:#1d4ed8}.researcher-nav-card--rank-3{--nav-card-bg:#f5f3ff;--nav-avatar-bg:#c4b5fd73;--nav-avatar-fg:#6d28d9}[data-theme=dark] .researcher-nav-card:not(.active){--nav-card-bg:var(--bg-tertiary,#232d45);border-color:#ffffff1a}[data-theme=dark] .researcher-nav-card--rank-1:not(.active){--nav-avatar-bg:#f59e0b33;--nav-avatar-fg:#fbbf24;border-color:#f59e0b47}[data-theme=dark] .researcher-nav-card--rank-2:not(.active){--nav-avatar-bg:#60a5fa33;--nav-avatar-fg:#93c5fd;border-color:#60a5fa47}[data-theme=dark] .researcher-nav-card--rank-3:not(.active){--nav-avatar-bg:#a78bfa33;--nav-avatar-fg:#c4b5fd;border-color:#a78bfa47}[data-theme=dark] .researcher-nav-card:not(.active) .nav-card-name{color:var(--color-text-main,#f1f5f9)}[data-theme=dark] .researcher-nav-card:not(.active) .nav-card-title,[data-theme=dark] .researcher-nav-card:not(.active) .nav-card-rank{color:var(--color-text-light,#94a3b8)}.researcher-nav-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0f172a14}[data-theme=dark] .researcher-nav-card:not(.active):hover{border-color:#ffffff29;box-shadow:0 4px 14px #00000059}.researcher-nav-card.active{--nav-avatar-bg:#ffffff40;--nav-avatar-fg:#fff;background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b47}.researcher-nav-card.active .nav-card-name,.researcher-nav-card.active .nav-card-title{color:#111827}.nav-card-rank{opacity:.75;color:var(--text-secondary,#64748b);font-size:.68rem;font-weight:700;position:absolute;top:8px;right:10px}.researcher-nav-card.active .nav-card-rank{opacity:.9;color:#111827}.nav-card-avatar{background:var(--nav-avatar-bg,#e2e8f0);width:40px;height:40px;color:var(--nav-avatar-fg,#334155);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.nav-card-text{flex-direction:column;gap:2px;min-width:0;padding-right:1.25rem;display:flex}.nav-card-name{color:var(--color-text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.nav-card-title{color:var(--color-text-light,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.3;overflow:hidden}@media (max-width:767px){.researcher-navbar--mobile{background:var(--bg-primary,#0b1120);border-bottom:none;padding:0}[data-theme=light] .researcher-navbar--mobile{background:var(--detail-page-bg,#eef2f8)}.researcher-mobile-top-bar{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:8px 12px 4px;display:grid}.researcher-mobile-top-bar__title{text-align:center;color:var(--color-text-main);margin:0;font-size:1.05rem;font-weight:700}.researcher-mobile-top-bar__spacer{width:40px;height:40px}.researcher-navbar-container--compact{gap:8px;padding:8px 12px 12px}.researcher-navbar-container--compact .researcher-nav-card{flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:132px;max-width:160px;padding:10px 12px;display:grid}[data-theme=dark] .researcher-navbar-container--compact .researcher-nav-card:not(.active) .nav-card-name,[data-theme=dark] .researcher-navbar-container--compact .researcher-nav-card:not(.active) .nav-card-compact-rank,[data-theme=dark] .researcher-navbar-container--compact .researcher-nav-card:not(.active) .nav-card-score{color:var(--color-text-main,#f1f5f9)}.researcher-navbar-container--compact .nav-card-compact-body{flex-direction:column;gap:0;min-width:0;display:flex}.researcher-navbar-container--compact .nav-card-compact-rank{opacity:.85;color:var(--text-secondary,#64748b);font-size:.68rem;font-weight:700;line-height:1.1}.researcher-navbar-container--compact .nav-card-name{font-size:.88rem;line-height:1.2}.researcher-navbar-container--compact .nav-card-score{opacity:.95;color:var(--color-text-main,#0f172a);font-size:.82rem;font-weight:700}.researcher-navbar-container--compact .nav-card-avatar{width:36px;height:36px;font-size:.78rem}.researcher-nav-card.active .nav-card-compact-rank,.researcher-nav-card.active .nav-card-score{color:#111827}.researcher-mobile-top-bar__back{background:var(--detail-surface,#1a2235);border-color:var(--detail-border,#ffffff1a);width:40px;min-height:40px}}
.integrated-chat-panel{background:var(--detail-surface,#fff);box-sizing:border-box;border-inline-start:none;flex-direction:column;width:100%;min-width:0;max-width:100%;height:100%;max-height:100%;display:flex;overflow:hidden}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.chat-panel-header{background:var(--detail-surface,#fff);border-bottom:1px solid var(--detail-border,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.chat-header-avatar{object-fit:cover;border:2px solid var(--color-border,#334155);border-radius:50%;flex-shrink:0;width:40px;height:40px}.chat-header-info{flex:1;min-width:0}.chat-header-info h4{color:var(--color-text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.95rem;font-weight:600;overflow:hidden}.chat-header-status{align-items:center;gap:6px;display:flex}.status-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-indicator.online{background:#10b981;box-shadow:0 0 8px #10b98180}.status-indicator.offline{background:#6b7280}.status-text{color:var(--color-text-light,#94a3b8);white-space:nowrap;font-size:.75rem}.chat-header-actions{flex-shrink:0;gap:8px;display:flex}.chat-action-btn{width:32px;height:32px;color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;transition:color .15s,background .15s;display:flex}.chat-action-btn:hover{color:var(--detail-accent-strong,#c2410c);background:#0f172a0f}.connection-status{text-align:center;flex-shrink:0;padding:8px 20px;font-size:.8rem;font-weight:500}.connection-status.reconnecting{color:#92400e;background:#fef3c7;border:1px solid #fbbf24}.connection-status.disconnected,.connection-status.error{color:#991b1b;background:#fee2e2;border:1px solid #ef4444}.chat-panel-content{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.chat-loading{color:var(--color-text-light,#94a3b8);flex:1;justify-content:center;align-items:center;font-size:.9rem;display:flex}@media (min-width:768px) and (max-width:1024px){.integrated-chat-panel{border-inline-start:none;border-top:1px solid var(--color-border,#334155);flex:0 0 50%;min-width:100%;max-height:50vh;animation:.4s cubic-bezier(.4,0,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media (max-width:767px){.integrated-chat-wrapper .integrated-chat-panel{top:0;inset-inline:0;z-index:20;border-inline-start:none;flex:1;min-width:100%;max-height:100%;position:absolute;bottom:0}.mobile-chat-tab-panel .integrated-chat-panel{top:auto;inset-inline:auto;z-index:auto;flex:auto;height:100%;min-height:0;max-height:none;position:relative;bottom:auto}.chat-panel-header{padding:12px 16px}.chat-header-avatar{width:36px;height:36px}.chat-header-info h4{font-size:.9rem}}