.room-header{justify-content:space-between;padding:12px 16px;background-color:#fff;border-bottom:1px solid #e5e5e5;min-height:60px}.room-header,.room-header-info{display:flex;align-items:center}.room-header-info{gap:12px;flex:1 1;min-width:0}.room-header-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#31543a,#4a7c59);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;flex-shrink:0}.room-header-details{flex:1 1;min-width:0}.room-header-name{font-size:15px;font-weight:600;color:#1a1a1a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-header-participant{font-size:12px;color:#666;margin:2px 0 0}.room-header-property{font-size:11px;color:#888;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.room-header-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:#f5f5f5;color:#666}.room-header-btn:hover{background-color:#e8e8e8;color:#333}.room-header-btn.call-btn{background-color:#e8f5e9;color:#31543a}.room-header-btn.call-btn:hover{background-color:#31543a;color:#fff;transform:scale(1.05)}.room-header-btn.leave-btn{background-color:#ffebee;color:#c62828}.room-header-btn.leave-btn:hover{background-color:#c62828;color:#fff}.room-header-btn.call-btn.active{background-color:#31543a;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(49,84,58,.4)}70%{box-shadow:0 0 0 8px rgba(49,84,58,0)}to{box-shadow:0 0 0 0 rgba(49,84,58,0)}}@media (max-width:900px){.room-header{padding:10px 12px}.room-header-avatar{width:36px;height:36px;font-size:14px}.room-header-name,.room-header-participant{display:none}.room-header-btn{width:32px;height:32px}.room-header-actions{gap:6px}}