.chat-box{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:0;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:380px!important;min-height:380px!important;max-height:380px!important;flex-shrink:0!important;flex-grow:0!important;flex-basis:380px!important;width:100%!important;max-width:100%!important;min-width:0!important}.chat-box:not(.fullscreen){height:380px!important;min-height:380px!important;max-height:380px!important}.chat-box:not(.fullscreen) .chat-messages{height:auto!important;max-height:none;min-height:0!important}.sidebar .chat-box{height:380px!important;min-height:380px!important;max-height:380px!important}.chat-main{display:flex;flex-direction:column;height:100%;flex:1;width:100%;max-width:100%;min-width:0;overflow:hidden}.chat-box.fullscreen{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;z-index:9999;margin:0;border-radius:0;display:flex;flex-direction:row;max-height:none!important;min-height:none!important}body.chat-fullscreen-mode{overflow:hidden}.chat-box.fullscreen .chat-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%;max-width:100%;min-width:0}.chat-box.fullscreen .chat-messages{flex:1;height:auto!important;max-height:none!important;min-height:0!important;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%}.chat-box.fullscreen .chat-header{flex-shrink:0;height:auto}.chat-box.fullscreen .chat-input-container{flex-shrink:0;height:auto}.chat-box.fullscreen .message-header{flex-direction:row!important;align-items:center!important;gap:8px!important;justify-content:flex-start!important}.chat-box.fullscreen .message-time{order:0!important;margin-bottom:0!important;margin-left:0!important}.chat-box.fullscreen .chat-user-count{display:none!important}.chat-participants-panel{width:250px;background:#e9ecef;border-left:1px solid #49a4ff;display:none;flex-direction:column;overflow:hidden;height:100%}.chat-box.fullscreen .chat-participants-panel,.chat-room-body .chat-participants-panel{display:flex!important}.participants-panel-header{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:8px 12px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.participants-panel-header .participants-title{flex:1}.participants-panel-header .chat-fullscreen-close{margin-left:auto}.participants-panel-body{flex:1;overflow-y:auto;padding:0;background:#e9ecef}.participants-panel-list{list-style:none;margin:0;padding:0}.participants-panel-item{display:flex;align-items:center;padding:6px 12px;border-bottom:1px solid #d6d9dc;cursor:pointer;transition:background-color .2s;font-size:12px;background:#f8f9fa}.participants-panel-item:hover{background-color:#dee2e6}.participants-panel-item:last-child{border-bottom:none}.participants-panel-nickname{font-weight:500;color:#495057;display:flex;align-items:center;gap:4px}.participants-panel-nickname.clickable{color:#06c}.participants-panel-nickname.clickable:hover{text-decoration:underline}.participants-panel-admin-badge{background:#ff9800;color:#fff;font-size:9px;padding:1px 4px;border-radius:0;font-weight:500}.participants-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999;display:none}.participants-modal.show{display:flex}.participants-modal-content{background-color:rgb(22 22 22 / 85%);padding:10px 20px;color:#fff;font-size:1em;box-shadow:0 0 10px rgba(0,0,0,.5)}.participants-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1em;color:#fff}.participants-modal-close{background:0 0;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;margin-left:15px;transition:opacity .2s}.participants-modal-close:hover{opacity:.7}.participants-modal-body{color:#fff}.participants-list{list-style:none;margin:0;padding:0}.participant-item{padding:5px 0;cursor:pointer;transition:opacity .2s;color:#fff;font-size:1em}.participant-item:hover{opacity:.8}.participant-info{width:100%}.participant-nickname{color:#fff;margin:0;display:inline;font-size:1em}.participant-nickname.clickable{color:#87ceeb;text-decoration:underline}.participant-nickname.clickable:hover{opacity:.8}.admin-badge-small{background:#ff9800;color:#fff;font-size:.8em;padding:2px 6px;border-radius:0;margin-left:8px;font-weight:400}.participants-empty{text-align:center;color:#fff;font-size:1em;padding:10px 0}.participants-empty i{display:block;margin-bottom:10px;font-size:1.2em}@media (max-width:768px){.chat-box:not(.fullscreen){height:350px!important;min-height:350px!important;max-height:350px!important}.chat-room-info{flex-direction:column;align-items:flex-start;gap:4px}.chat-room-title{font-size:13px}.chat-user-count{font-size:11px}.chat-input{font-size:14px;padding:10px 15px}.chat-send-btn{width:40px;height:40px}.chat-box.fullscreen{flex-direction:column!important;width:100vw!important;height:100vh!important}.chat-box.fullscreen .chat-main{flex:1;height:100vh;overflow:hidden}.chat-box.fullscreen .chat-participants-panel{display:none!important}}.chat-header{background:rgba(255,255,255,.1);color:#fff;padding:8px 12px;margin:0;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;flex-shrink:0!important;flex-grow:0!important;height:auto!important;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.chat-room-info{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.chat-room-title{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-count{font-size:12px;display:flex;align-items:center;gap:4px;opacity:.9}.chat-user-count i{font-size:11px}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:5px;background:#f8f9fa;max-height:none;font-size:12px;line-height:1.4;border:none;height:auto!important;min-height:0!important;width:100%;max-width:100%;box-sizing:border-box}.chat-message{margin-bottom:3px;padding:4px 8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);border-left:3px solid #e9ecef;border-radius:0;width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}.chat-message.my-message{background:#e3f2fd;border-left-color:#2196f3}.chat-message.admin-message{background:#fff3e0;border-left-color:#ff9800}.chat-message.system-message{background:#f0f0f0;border-left-color:#666;text-align:center;font-style:italic}.system-message-content{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#666}.system-message-content i{font-size:10px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.message-author{font-weight:600;font-size:12px;color:#333;display:flex;align-items:center;gap:4px}.message-author .nickname-clickable{color:#06c;cursor:pointer;text-decoration:none;transition:color .2s ease}.message-author .nickname-clickable:hover{color:#004494;text-decoration:underline}.admin-badge{background:#ff9800;color:#fff;font-size:8px;padding:1px 4px;border-radius:0;font-weight:500}.message-time{font-size:10px;color:#999;font-weight:400}.message-content{font-size:12px;line-height:1.3;color:#333;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;hyphens:auto;white-space:pre-wrap;margin:0;width:100%;max-width:100%;box-sizing:border-box}.chat-input-container{border-top:1px solid #e9ecef;padding:5px;background:#fff;flex-shrink:0!important;flex-grow:0!important;height:auto!important;width:100%;max-width:100%;box-sizing:border-box}.chat-left .chat-input-container{padding:5px 5px 5px 0}.chat-input-wrapper{display:flex;gap:8px;width:100%;max-width:100%;box-sizing:border-box}.chat-input{flex:1;width:100%;max-width:100%;padding:5px;border:1px solid #ddd;font-size:13px;background:#fff;box-sizing:border-box;outline:0;transition:border-color .2s;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;min-width:0;border-radius:0}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.chat-send-btn{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;flex-shrink:0}.chat-send-btn:hover{transform:scale(1.05)}.chat-send-btn:active{transform:scale(.95)}.chat-login-message{padding:8px 12px;text-align:center;background:rgba(255,255,255,.95);border:2px solid rgba(255,255,255,.3);border-radius:0;margin:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.chat-login-message .alert{margin:0;font-size:12px;color:#495057;font-weight:500;background:0 0;border:none;padding:0;white-space:nowrap}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:0}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}#messageBox .modal-content{margin:5% auto!important;width:320px!important;border-radius:0!important;overflow:hidden!important;box-shadow:0 8px 32px rgba(0,0,0,.2)!important}#messageBox .modal-header{padding:5px 12px!important;background:linear-gradient(135deg,#667eea 0,#764ba2 100%)!important;border-bottom:none!important}#messageBox .modal-header h3{font-size:14px!important;font-weight:600!important;color:#fff!important;display:flex!important;align-items:center!important;gap:8px!important}#messageBox .modal-header h3::before{content:"👥";font-size:16px}#messageBox .close-btn{color:rgba(255,255,255,.9)!important;font-size:20px!important;font-weight:700!important;transition:all .2s ease!important}#messageBox .close-btn:hover{color:#fff!important;transform:scale(1.1)!important}#messageBox .modal-body{padding:10px!important;font-size:13px!important;line-height:1.4!important;background:#f8f9fa!important;min-height:60px!important}#messageBox .modal-footer{padding:5px 12px!important;background:#f8f9fa!important;border-top:1px solid #e9ecef!important}#messageBox #messageBoxButtons{gap:8px!important}#messageBox #messageBoxButtons button{padding:6px 16px!important;font-size:12px!important;border-radius:0!important;font-weight:500!important;transition:all .2s ease!important}#messageBox #messageBoxButtons .btn-confirm{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)!important;border:none!important;box-shadow:0 2px 8px rgba(102,126,234,.3)!important}#messageBox #messageBoxButtons .btn-confirm:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important}#messageBox .participant-clickable{color:#667eea!important;text-decoration:none!important;cursor:pointer!important;padding:2px 6px!important;border-radius:0!important;background:rgba(102,126,234,.1)!important;transition:all .2s ease!important;display:inline-block!important;margin:2px!important;font-weight:500!important}#messageBox .participant-clickable:hover{color:#fff!important;background:linear-gradient(135deg,#667eea 0,#764ba2 100%)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(102,126,234,.3)!important}#messageBox .admin-badge{background:linear-gradient(135deg,#ff6b6b 0,#ee5a24 100%)!important;color:#fff!important;font-size:10px!important;padding:2px 6px!important;border-radius:0!important;margin-left:4px!important;font-weight:600!important;box-shadow:0 1px 3px rgba(255,107,107,.3)!important}#messageBox .empty-participants{text-align:center!important;color:#6c757d!important;font-style:italic!important;padding:20px 0!important}#messageBox .empty-participants::before{content:"😴";display:block;font-size:24px;margin-bottom:8px}.chat-fullscreen-close{background:rgba(255,255,255,.2);color:#fff;border:none;width:24px;height:24px;border-radius:0;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:14px;transition:background-color .2s;flex-shrink:0}.chat-fullscreen-close:hover{background:rgba(255,255,255,.3)}.chat-box.fullscreen .chat-fullscreen-close{display:flex}.chat-room-header{background:#fff;border:1px solid #ddd;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.room-info .room-title{margin:0 0 10px 0;font-size:24px;font-weight:700;color:#333}.room-details{display:flex;gap:20px;font-size:14px;color:#666}.room-details span{display:flex;align-items:center}.room-actions{display:flex;gap:10px}.user-count{font-weight:700;color:#007bff}.chat-room-row{cursor:pointer}.chat-room-row:hover{background-color:#f8f9fa}.main-content.full-width{flex:1;max-width:100%}.main-content.full-width .chat-widget{height:calc(100vh - 200px);min-height:600px}.chat-message.system-message{text-align:center;margin:10px 0}.chat-message.system-message .message-content{background:#e9ecef;color:#6c757d;padding:8px 15px;border-radius:15px;display:inline-block;font-size:13px}.chat-message.system-message .message-content i{margin-right:5px}.chat-message.system-message .message-time{font-size:11px;color:#adb5bd;margin-top:5px}.info-list{list-style:none;padding:0;margin:0}.info-list li{padding:8px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;font-size:14px}.info-list li:last-child{border-bottom:none}.info-list li i{margin-right:8px;width:16px;color:#28a745}.info-list li i.fa-lock{color:#dc3545}.info-list li i.fa-crown{color:#ffc107}.chat-room-header-2row{background:#fff;border-bottom:1px solid #e0e0e0;border-radius:0;padding:12px 18px 8px 18px;margin-bottom:0}.chat-room-header-row1{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.chat-room-title-flex{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.chat-room-actions-flex{display:flex;align-items:center;gap:8px}.chat-room-header-row2{display:flex;align-items:center;gap:18px;color:#666;font-size:13px;margin-left:2px;flex-wrap:wrap}.chat-room-header-row2 span{display:flex;align-items:center;gap:5px}.chat-room-header-row2 i{color:#06c;font-size:14px}@media (max-width:700px){.chat-room-header-2row{padding:8px 6px 4px 6px}.chat-room-title-flex{font-size:15px}.chat-room-header-row2{gap:8px;font-size:12px}}.chat-room-body{display:flex;flex-direction:row;height:500px}.chat-room-body .chat-left{flex:1;display:flex;flex-direction:column;height:100%}.chat-room-body .chat-right{display:flex;flex-direction:column;height:100%}.vote-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.vote-total{margin-right:auto}.vote-period{color:#666;font-size:13px;margin-left:auto;text-align:right}.vote-disclaimer{color:#ff5722;font-size:13px;flex-basis:100%;order:-1}.vote-status{display:flex;align-items:center;gap:8px}.vote-end-condition{font-weight:400;color:#555}.vote-option input[disabled]+label{color:#555;cursor:default}.vote-form .vote-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.vote-form .vote-info{color:#666;margin-left:10px;font-size:13px}.vote-form .vote-info small{display:flex;align-items:center;gap:5px}.vote-form .vote-info i{color:#3498db}.chat-connecting-message{background:rgba(255,193,7,.1)!important;border-left:3px solid #ffc107!important}.chat-connecting-message .system-message-content{color:#856404!important;font-weight:500}.chat-connecting-message .system-message-content i{color:#ffc107!important;animation:spin 1s linear infinite}.chat-connection-success-message{background:rgba(40,167,69,.1)!important;border-left:3px solid #28a745!important}.chat-connection-success-message .system-message-content{color:#155724!important;font-weight:500}.chat-connection-success-message .system-message-content i{color:#28a745!important}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}