.staff-chat-panel{--chat-bg:#fff;--chat-in:#f1f3f5;--chat-out:#e8f0fe;--chat-meta:#9ca3af;--chat-border:#e5e7eb}.staff-chat-panel[data-appearance=dark]{--chat-bg:hsl(var(--background));--chat-in:hsl(var(--muted));--chat-out:#182c62;--chat-meta:hsl(var(--muted-foreground));--chat-border:hsl(var(--border))}.staff-chat-panel .staff-chat-messages{background:var(--chat-bg);overscroll-behavior:contain}.staff-chat-panel .staff-chat-bubble-read{position:absolute;top:.375rem;right:.5rem}.staff-chat-panel .staff-chat-read-status{align-items:center;line-height:1}.staff-chat-panel .staff-chat-read-status--sent{color:#9ca3af}.staff-chat-panel .staff-chat-read-status--read{color:#3390ec}.staff-chat-panel[data-appearance=dark] .staff-chat-read-status--sent{color:hsl(var(--muted-foreground))}.staff-chat-panel[data-appearance=dark] .staff-chat-read-status--read{color:#6ab3f3}.staff-chat-panel .staff-chat-bubble-meta{align-items:baseline;gap:.5rem;width:100%;min-width:0;display:flex}.staff-chat-panel .staff-chat-bubble-time{color:var(--chat-meta);white-space:nowrap;flex-shrink:0;font-size:11px;line-height:1.2}.staff-chat-panel .staff-chat-page-link{color:var(--chat-meta);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;font-size:11px;line-height:1.3;overflow:hidden}.staff-chat-panel .staff-chat-page-link:hover{color:hsl(var(--foreground) / .7);text-decoration:underline}.staff-chat-panel .staff-chat-mention{color:hsl(var(--primary));font-weight:500}.staff-chat-panel .staff-chat-text-link{color:hsl(var(--primary));vertical-align:baseline;align-items:center;gap:.25rem;max-width:100%;display:inline-flex}.staff-chat-panel .staff-chat-text-link:hover span{text-decoration:underline}.staff-chat-panel .staff-chat-text-link-icon{color:var(--chat-meta);flex-shrink:0;width:.875rem;height:.875rem}.staff-chat-panel .staff-chat-text-link span{white-space:nowrap}.staff-chat-preview-link{color:#9ca3af;pointer-events:auto}.staff-chat-preview-link:hover{color:hsl(var(--foreground) / .85)}