.record-icon{display:none!important}.fullscreen-loader{z-index:9999;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader-spinner{border:4px solid #2b2a2a;border-top:6px solid #0000;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loader-text{color:#2b2a2a;letter-spacing:.5px;margin-top:15px;font-size:16px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.classroom-chat-toggle-btn{color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #4f46e54d}.classroom-chat-toggle-btn:hover{box-shadow:0 6px 16px #4f46e566}.classroom-chat-toggle-btn.open{transform:scale(.9)}.classroom-chat-unread-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 5px #0003}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.classroom-chat-window{z-index:9998;background-color:#fff;border-radius:12px;flex-direction:column;width:350px;height:500px;display:flex;position:fixed;bottom:100px;right:30px;overflow:hidden;box-shadow:0 8px 24px #0003}.classroom-chat-header{color:#fff;z-index:10;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);padding:12px 16px;font-weight:400;box-shadow:0 2px 10px #0000001a}.classroom-chat-header-inner{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.classroom-chat-title-container{align-items:center;gap:8px;display:flex}.classroom-chat-title-icon{color:#fff;font-size:1rem}.classroom-chat-title-text{color:#fff;font-size:1rem;font-weight:500}.classroom-chat-status-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;display:flex}.classroom-chat-status-dot{border-radius:50%;width:6px;height:6px}.classroom-chat-status-dot.connected{background-color:#4ade80;box-shadow:0 0 6px #4ade8099}.classroom-chat-status-dot.disconnected{box-shadow:none;background-color:#ef4444}.classroom-chat-status-text{color:#fff;letter-spacing:.5px;text-transform:uppercase;font-size:.65rem;font-weight:500}.classroom-chat-messages-area{background-color:#f9fafb;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.classroom-chat-message-container{flex-direction:column;display:flex}.classroom-chat-message-container.me{align-items:flex-end}.classroom-chat-message-container.other{align-items:flex-start}.classroom-chat-message-meta{color:#6b7280;margin-bottom:4px;font-size:12px}.classroom-chat-message-bubble{word-break:break-word;border-radius:18px;max-width:85%;padding:10px 14px;box-shadow:0 1px 2px #0000000d}.classroom-chat-message-bubble.me{color:#fff;background-color:#4f46e5;border-bottom-right-radius:4px}.classroom-chat-message-bubble.other{color:#1f2937;background-color:#fff;border-bottom-left-radius:4px}.classroom-chat-input-area{background-color:#fff;border-top:1px solid #e5e7eb;gap:8px;padding:12px;display:flex}.classroom-chat-input{border:1px solid #d1d5db;border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:14px}.classroom-chat-send-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.classroom-chat-send-btn.active{color:#fff;background-color:#4f46e5}.classroom-chat-send-btn.disabled{color:#fff;cursor:default;background-color:#9ca3af}