.chat-sidebar{display:flex;flex-direction:column;height:100%;background:#fff;position:relative}.chat-sidebar .chat-header{display:flex;align-items:center;justify-content:space-between;padding:2px 12px;background:#f4f4f4;border-bottom:1px solid #e0e0e0;flex-shrink:0}.chat-sidebar .chat-header .chat-header-title{font-size:.875rem;font-weight:600;color:#333}.chat-sidebar .chat-header .chat-header-actions{display:flex;align-items:center;gap:4px}.chat-sidebar .chat-header .chat-header-actions .chat-participant-count{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;background:rgba(0,0,0,0);font-size:.75rem;color:#666;cursor:pointer;border-radius:4px;transition:background .15s,color .15s}.chat-sidebar .chat-header .chat-header-actions .chat-participant-count svg{font-size:.8125rem}.chat-sidebar .chat-header .chat-header-actions .chat-participant-count span{font-weight:500}.chat-sidebar .chat-header .chat-header-actions .chat-participant-count:hover{background:#e0e0e0;color:#333}.chat-sidebar .chat-header .chat-header-actions .chat-menu-wrapper>button,.chat-sidebar .chat-header .chat-header-actions>button:not(.chat-participant-count){display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:rgba(0,0,0,0);cursor:pointer;color:#666;border-radius:4px;transition:background .15s,color .15s}.chat-sidebar .chat-header .chat-header-actions .chat-menu-wrapper>button:hover,.chat-sidebar .chat-header .chat-header-actions>button:not(.chat-participant-count):hover{background:#e0e0e0;color:#333}.chat-sidebar .chat-header .chat-menu-wrapper{position:relative}.chat-sidebar .chat-header .chat-menu{position:absolute;top:100%;right:0;min-width:150px;background:#fff;border:1px solid #e0e0e0;border-radius:3px;z-index:10;overflow:hidden}.chat-sidebar .chat-header .chat-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:rgba(0,0,0,0);cursor:pointer;font-size:.8125rem;color:#333;text-align:left;transition:background .15s}.chat-sidebar .chat-header .chat-menu button svg{width:14px;color:#888}.chat-sidebar .chat-header .chat-menu button:hover{background:#f5f5f5}.chat-sidebar .chat-header .chat-menu button:disabled{color:#ccc;cursor:not-allowed}.chat-sidebar .chat-header .chat-menu button:disabled svg{color:#ccc}.chat-sidebar .chat-header .chat-menu button:disabled:hover{background:rgba(0,0,0,0)}.chat-sidebar .chat-messages{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.chat-sidebar .chat-messages::-webkit-scrollbar{width:4px}.chat-sidebar .chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.chat-sidebar .chat-messages .chat-system{text-align:center;font-size:.75rem;color:#999;padding:4px 0}.chat-sidebar .chat-messages .chat-message{display:flex;align-items:baseline;gap:6px;padding:3px 0;line-height:1.4;word-break:break-word}.chat-sidebar .chat-messages .chat-message .chat-message-time{font-size:.625rem;color:#bbb;flex-shrink:0}.chat-sidebar .chat-messages .chat-message .chat-message-name{font-size:.8125em;font-weight:600;color:#555;flex-shrink:0;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sidebar .chat-messages .chat-message .chat-message-content{font-size:1em;color:#222}.chat-sidebar .chat-input-area{flex-shrink:0;border-top:1px solid #e0e0e0;padding:8px 10px;background:#fafafa}.chat-sidebar .chat-input-area .chat-input-row{display:flex;gap:6px}.chat-sidebar .chat-input-area .chat-input-row input{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:.8125rem;outline:none;transition:border-color .15s}.chat-sidebar .chat-input-area .chat-input-row input:focus{border-color:#f7931a}.chat-sidebar .chat-input-area .chat-input-row input:disabled{background:#f0f0f0;color:#999}.chat-sidebar .chat-input-area .chat-input-row button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f7931a;color:#fff;border-radius:4px;cursor:pointer;flex-shrink:0;transition:background .15s}.chat-sidebar .chat-input-area .chat-input-row button:hover{background:#e5851a}.chat-sidebar .chat-input-area .chat-input-row button:disabled{background:#ccc;cursor:not-allowed}.chat-sidebar .chat-input-area .chat-login-notice{text-align:center;font-size:.8125rem;color:#888;padding:2px 0}.chat-sidebar .chat-input-area .chat-login-notice a{color:#f7931a;font-weight:600;text-decoration:underline}.chat-sidebar .chat-input-area .chat-login-notice a:hover{color:#e5851a}.chat-sidebar .chat-participants-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:11}.chat-sidebar .chat-participants-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 24px);max-height:60%;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);overflow:hidden;z-index:12}.chat-sidebar .chat-participants-dialog .chat-participants-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e0e0e0;background:#f4f4f4}.chat-sidebar .chat-participants-dialog .chat-participants-header h3{font-size:.875rem;font-weight:600;color:#333;margin:0}.chat-sidebar .chat-participants-dialog .chat-participants-header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:rgba(0,0,0,0);cursor:pointer;font-size:1.25rem;color:#666;border-radius:4px}.chat-sidebar .chat-participants-dialog .chat-participants-header button:hover{background:#e0e0e0;color:#333}.chat-sidebar .chat-participants-dialog .chat-participants-list{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:calc(100% - 52px)}.chat-sidebar .chat-participants-dialog .chat-participants-list li{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.8125rem;color:#333;border-bottom:1px solid #f0f0f0}.chat-sidebar .chat-participants-dialog .chat-participants-list li:last-child{border-bottom:none}.chat-sidebar .chat-participants-dialog .chat-participants-list li .chat-participant-icon{color:#999;font-size:.75rem}.chat-sidebar .chat-participants-dialog .chat-participants-list .chat-participants-empty{justify-content:center;color:#999;padding:24px 16px}.chat-sidebar .chat-participants-dialog .chat-participants-list .chat-participants-guest{color:#999;font-style:italic}
/*# sourceMappingURL=fba53f157f9697f0.css.map*/